Активная ссылка не удаляется из

Question

Я использую меню с 3 вкладками, когда активный тег находится в форме 1 при загрузке страницы. При нажатии каждой вкладки активный тег следует удалить и применить к новой выбранной форме. form1 form2 form3

Это прекрасно работает, когда я не добавляю формы к каждой вкладке. Но когда я добавляю формы, проблема сохраняется.

Я делаю формы с contact 7 плагин wordpress. Будет ли мой javascript противоречить чему-то существующему?

Это мой javascript? Есть ли способ изменить его, чтобы он работал лучше с contact 7 plugin?

<script> 
    $('#myForm a').click(function (e) { 
     var tab = $(this); 
     if(tab.parent('li').hasClass('active')){ 
      window.setTimeout(function(){ 
       $(".tab-pane").removeClass('active'); 
       tab.parent('li').removeClass('active'); 
      },1); 
     } 
    }); 
    </script> 

Вы можете увидеть на сайте им работать на Click Here формы на домашней странице в закладках.

Answer 1

Вы можете упростить свою логику, удалив активный класс на всех своих дочерних элементах li, а затем добавьте активный класс к тому, который был нажат.

$('#myForm a').click(function (e) { 
    var tab = $(this); 
    tab.parent('li').siblings('li').removeClass('active'); 
    tab.parent('li').addClass('active'); 
});