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


Как Сделать Вкладки На Странице


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

#1 giftterra

giftterra

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 63 сообщений
  • ГородМосква

Отправлено 23 Февраль 2015 - 15:49

Хочу создать новую страницу, чтобы разместить на ней какой-либо контент, таким образом , чтобы он показывался на вкладках.
Например вот так :
http://dressum.store...adki#show_tab_2

Как разместить текст в каждой отдельно взятой вкладке?

Аккаунт SL-334149
Заранее спасибо.

#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 23 Февраль 2015 - 16:12

Просмотр сообщенияgiftterra (23 Февраль 2015 - 15:49) писал:

Хочу создать новую страницу, чтобы разместить на ней какой-либо контент, таким образом , чтобы он показывался на вкладках.
Например вот так :
http://dressum.store...adki#show_tab_2

Как разместить текст в каждой отдельно взятой вкладке?

Аккаунт SL-334149
Заранее спасибо.
Здравствуйте.
Изменения вам произвели, проверьте.
Теперь код на странице выглядит так:
<div id="contents">
<div class="htabs" id="tabs">
<a href="javascript:tabSwitch(1);" id="tab_1">Способы и условия доставки </a>
<a class="active" href="javascript:tabSwitch(2);" id="tab_2">Способы и условия возврата &nbsp;</a>
</div>

<div class="tab-content" id="content_1">Тест1</div>
<div class="tab-content" id="content_2">Тест2</div>
</div>
Вместо Тест1 и Тест2 вставьте свое содержимое.

#3 giftterra

giftterra

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 63 сообщений
  • ГородМосква

Отправлено 23 Февраль 2015 - 18:26

Огромное спасибо за быстрый ответ.

Прикрепляю 3 изображения.
На первом изображено как по умолчанию открывается страница "вкладки".
На втором, как она выглядит, когда открыта первая вкладка.
Мне кажется, чтобыло бы правильнее, если бы так изначально и выглядела эта страничка при открытии.

Та же проблема при открытии карточки товара, откуда был скопирован код вкладок. (3 изображение) .
Наверное, там и там, надо что-то исправить.
Помогите найти, что именно.
Заранее спасибо.

Прикрепленные изображения

  • Открывается страница вкладки так.jpg
  • Открывается вкладка 1 так.jpg
  • Таким же образом открывается страничка товара.jpg





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

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