Каково лучшее незаметное и легкое решение jQuery сделать вкладку?

Который является лучшим незаметным и легким решением jQuery сделать вкладку? Хотя JQuery, подобный jQuery ui. jQuery ui вкладка, хорош, но это - излишество fro для просто вкладки. мы должны будем добавить jQuery ui core.js, jQuery ui tab.js затем немного фрагмента кода.

Мне нужно легкое решение. использование этого типа HTML. и код jQuery должен быть в no.conflict режиме.

<ul>
        <li><a href="#example-1">example 1</a></li>
        <li><a href="#example-2">example 2</a></li>
        <li><a href="#example-3">example 3</a></li>
</ul>
    <div id="tabs-1">
        <p>
            tab 1 content</p>
    </div>
    <div id="tabs-2">
        <p>
            tab 2 content</p>
    </div>
    <div id="tabs-3">
        <p>
            tab 3 content</p>
    </div>

содержание вкладок должно быть доступным, если js отключен.

1
задан Jitendra Vyas 27 April 2010 в 16:26
поделиться

1 ответ

Если вы можете изменить свой HTML-код, вам лучше выбрать что-то более семантическое. Наличие семантической разметки для ваших вкладок приведет к лучшей поисковой оптимизации и сделает ваш сайт более доступным для более широкого круга пользователей. Тем не менее, Semantic Tabs с jQuery - отличный плагин, который будет работать с приведенной ниже разметкой.

<div id="mytabset">
  <div class="panel">
    <h3>Tab1</h3>
     Panel stuff 1
  </div>
  <div class="panel">
    <h3>Tab2</h3>
     Panel stuff 2
  </div>
  <div class="panel">
    <h3>Tab3</h3>
     Panel stuff 3
  </div>
</div>
1
ответ дан 3 September 2019 в 00:59
поделиться
Другие вопросы по тегам:

Похожие вопросы: