Нормальные вкладки на jQuery - 1 скрипт на всё.
Ответ на вопрос: как сделать блок открывающийся при клике, а другие при этом закрываются.
| CSS | 1
| .none { display: none; } |
|
| HTML5 | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <div class="blokc__tabs">
<div class="b-tabs__header">
<a class="b-tabs__link" href="#first"> первый </a> |
<a class="b-tabs__link" href="#next"> следующий </a> |
<a class="b-tabs__link" href="#last"> последний </a> |
<a class="b-tabs__link" href="#more"> ещё </a>
</div>
<div class="b-tabs__body">
<div class="b-tabs__part " id="first">
блок первый
</div>
<div class="b-tabs__part none" id="next">
блок следующий
</div>
<div class="b-tabs__part none" id="last">
блок последний
</div>
</div>
</div> |
|
| Javascript | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| $(document).delegate(
'.b-tabs__link',
'click',
function(e)
{
e.preventDefault();
var cls = $(this).attr('href'),
obj = $( cls );
if ( obj.length == 0 )
{
alert( 'Блок ' + cls + ' не найден' );
return false;
}
else
{
$('.b-tabs__part').removeClass('none').addClass('none');
obj.removeClass('none');
}
}
); |
|
Буду рад конструктивным комментариям и мыслям.  |
Много топиков создаётся на эту тему.
