Переделать скрипт табов?

Question

[Василь Бойко]

Есть простой скрипт табов:

$(document).ready(function() {
  $('.main-tabs__content > div').hide();
  $('.main-tabs__slider li:first').addClass('active').show();
  $('.main-tabs__content > div:first').show();
  $('.main-tabs__slider a').click(function() {
    $('.main-tabs__slider li').removeClass('active');
    $(this).parent().addClass('active');
    $('.main-tabs__content > div').hide();
    var activeTab = $(this).attr('href');
    $(activeTab).slideToggle(400);
    return false;
  });
});

Нужно переделать его так, чтобы активный пункт не нажимался.

Comments

[Антон]

используйте :not(active)

Answer 1

[Arman]

$('.main-tabs__slider a').click(function() {
if($(this).hasClass('active')) {
return false;
}
//... дальше

?

Comments

[Василь Бойко]

Нужно ещё добавить .parent(), а заработает, спасибо!

$('.main-tabs__slider a')click(function() {
if($(this).parent().hasClass('active')) {
return false;
}
});

Answer 2

[sincopa]

$('.main-tabs__slider a').click(function(event ) {
if($(this).hasClass('active')) {
event.preventDefault();
}
});

Comments

[Василь Бойко]

Нужно ещё добавить .parent(), а заработает, спасибо!

$('.main-tabs__slider a').click(function(event ) {
if($(this).parent().hasClass('active')) {
event.preventDefault();
}
});

Answer 3

[Сергей Малюга]

9Можно и через CSS:
.main-tabs__slider a.active {
pointer-events: none;
}