Перейти к содержимому


Табы На Странице

вкладки табы страница

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 27 Декабрь 2015 - 13:40

Здравствуйте
Хочу сделать на Странице "Оплата и Доставка" сделать табы как на странице Товара
Взяла код из шаблона "Товар"
но что-то не так...
Почему-то последняя вкладка не переключается
и постоянно снизу виден текст из последних 2-х вкладок
страница

код:
<!-- Основные вкладки описаний товара -->
<div class="tab_products clear">
<ul class="tabs">
	<li><a href="javascript:tabSwitch(1);" id="tab_1">Оплата и Доставка</a></li>
	<li><a href="javascript:tabSwitch(2);" id="tab_2">Пункты РЦР</a></li>
	<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка курьером</a></li>
	<li><a href="javascript:tabSwitch(4);" id="tab_4">Шоу-рум в Новосибирске</a></li>
</ul>
<!--  Оплата и Доставка  -->

<div class="tab-content" id="content_1">
мой текст
</div>
<!-- /END Оплата и Доставка  --><!--  Пункты РЦР  -->

<div class="tab-content" id="content_2">
мой текст
</div>
<!-- /END Пункты РЦР  --><!-- Доставка курьером -->

<div class="tab-content" id="content_3">
мой текст
</div>
<!-- /END Доставка курьером --><!--  Шоу-рум в Новосибирске  -->

<div class="tab-content" id="content_4">
мой текст
</div>
<!-- /END Шоу-рум в Новосибирске  --><!-- /END Основные вкладки описаний товара --><br />


#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 27 Декабрь 2015 - 13:50

Просмотр сообщенияtanch (27 Декабрь 2015 - 13:40) писал:

Здравствуйте
Хочу сделать на Странице "Оплата и Доставка" сделать табы как на странице Товара
Взяла код из шаблона "Товар"
но что-то не так...
Почему-то последняя вкладка не переключается
и постоянно снизу виден текст из последних 2-х вкладок
страница

код:
<!-- Основные вкладки описаний товара -->
<div class="tab_products clear">
<ul class="tabs">
<li><a href="javascript:tabSwitch(1);" id="tab_1">Оплата и Доставка</a></li>
<li><a href="javascript:tabSwitch(2);" id="tab_2">Пункты РЦР</a></li>
<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка курьером</a></li>
<li><a href="javascript:tabSwitch(4);" id="tab_4">Шоу-рум в Новосибирске</a></li>
</ul>
<!-- Оплата и Доставка -->

<div class="tab-content" id="content_1">
мой текст
</div>
<!-- /END Оплата и Доставка --><!-- Пункты РЦР -->

<div class="tab-content" id="content_2">
мой текст
</div>
<!-- /END Пункты РЦР --><!-- Доставка курьером -->

<div class="tab-content" id="content_3">
мой текст
</div>
<!-- /END Доставка курьером --><!-- Шоу-рум в Новосибирске -->

<div class="tab-content" id="content_4">
мой текст
</div>
<!-- /END Шоу-рум в Новосибирске --><!-- /END Основные вкладки описаний товара --><br />

Вам нужно в main.css добавить код:
#content_4,#content_3,#content_2 {display:none;}


#3 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 27 Декабрь 2015 - 15:12

Просмотр сообщенияMikDark (27 Декабрь 2015 - 13:50) писал:

Вам нужно в main.css добавить код:
#content_4,#content_3,#content_2 {display:none;}

Сделала
когда первый раз открываешь страницу - всё хорошо!
Но когда нажимаешь на табы 2, 3 и 4, то снова всё ломается!!

#4 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 29 Декабрь 2015 - 08:26

помогите пожалуйста!

#5 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 29 Декабрь 2015 - 11:28

Просмотр сообщенияtanch (29 Декабрь 2015 - 08:26) писал:

помогите пожалуйста!

Здравствуйте.
У Вас присутствовал лишний закрывающийся </div> в коде и не был прописан активный таб.
Создали Вам бэкап и произвели изменения. Проверьте, пожалуйста. Сейчас все должно работать корректно.

#6 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 29 Декабрь 2015 - 11:43

Просмотр сообщенияFirefly (29 Декабрь 2015 - 11:28) писал:

Здравствуйте.
У Вас присутствовал лишний закрывающийся </div> в коде и не был прописан активный таб.
Создали Вам бэкап и произвели изменения. Проверьте, пожалуйста. Сейчас все должно работать корректно.

Спасибище!!!





Темы с аналогичным тегами вкладки, табы, страница

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных