Как реализовать на JQUERY чтобы при клике на ссылку второй TAB закрывался?

Question

[Жолдас Сарсембаев]

Добрый день, друзья! Подскажите пожалуйста, как реализовать, при активном первом табе, чтобы при клике на второй таб, первый сворачивался?

Answer 1

[Никита Ермиличев]

$(document).ready(function() {
  $(".header-menu > a").click(function() {
    
     $.each($(".header-menu > ul"), function(i, d){
        if($(d).css('height') != '0px')
        {
           //Сворачиваем все открытые 
           $(d).animate({ height: 0 });
        }
     });
     var ul = $(this).next(),
      clone = ul
        .clone()
        .css({ height: "auto" })
        .appendTo(".services-content-text-navbar"),
      height = ul.css("height") === "0px" ? ul[0].scrollHeight + "px" : "0px";
    clone.remove();
    ul.animate({ height: height });
    return false;
  });
   
  $(".services-content-text-navbar > ul > li > a").click(function() {
    $(
      ".services-content-text-navbar > ul > li > a, .header-menu a"
    ).removeClass("active");
    $(this).addClass("active");
  }),
    $(".header-menu ul li a").click(function() {
      $(".header-menu ul li a").removeClass("active");
      $(this).addClass("active");
    });
});

Comments

[Жолдас Сарсембаев]

Спасибо Вам большое!)