JQuery slideDown slideUp按鈕

Question

我有一個腳本可以展開和摺疊元素 - 我添加了摺疊/展開所有項目。但是，如果部署了一個成員並單擊展開全部 - 它將最小化/滑動

如何編寫代碼以最小化和最大化所展開或摺疊的元素？

<script type=\"text/javascript\"> 
$(document).ready(function ($){ 
     $('.splLink').click(function(){ 
      $(this).parent().children('div.splCont').slideToggle('normal'); 



      if ($(this).hasClass('active')) { 
       $(this).parent('.cat-root').removeClass('active-h2'); 
       $(this).removeClass('active'); 
       $(this).parent('.name').removeClass('active-name'); 
       } 
      else { 
       $(this).parent('.cat-root').addClass('active-h2'); 
       $(this).addClass('active'); 
       $(this).parent('.name').addClass('active-name'); 
       } 
      return false; 
     }); 




}); 
     function showAll(){ 

      $('.splLink').parent().children('div.splCont').slideToggle('normal'); 

      if ($('.splLink').hasClass('active')) { 

       $('.splLink').parent('.cat-root').removeClass('active-h2'); 
       $('.splLink').removeClass('active'); 
       $('.splLink').parent('.name').removeClass('active-name'); 
       $('.btn').html('Развернуть'); 
       } 
      else { 

       $('.splLink').parent('.cat-root').addClass('active-h2'); 
       $('.splLink').addClass('active'); 
       $('.splLink').parent('.name').addClass('active-name'); 
       $('.btn').html('Свернуть'); 
       } 

      return false; 
      } 

</script> 

Answer 1

if ($("div.splCont:visible").length > $("div.splCont:hidden").length) { 
    $('.splLink').parent().children('div.splCont').slideUp('normal'); 
} else { 
    $('.splLink').parent().children('div.splCont').slideDown('normal'); 
} 

如果可視元素的數量大於號隱藏，那麼一切都將向上滑動和摺疊。否則，一切都會滑落並顯示出來。