Который является лучшим незаметным и легким решением 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 отключен.
Если вы можете изменить свой 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>