2013-02-05 2 views
0

요소를 확장하고 축소하는 스크립트가 있습니다. 모든 항목 축소/확장을 추가했습니다. 그러나 한 구성원이 배포되고 모두 확장을 클릭하면 최소화/슬라이드 업JQuery slideDown slideUp 버튼

확장되거나 축소 된 요소를 최소화하고 최대화하는 코드를 작성하는 방법은 무엇입니까? 눈에 보이는 요소의 수는 수는 숨겨진보다 큰 경우

<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> 
+0

_ "curdle"_? 우리가 여기서 우유를 다루고 있습니까? –

+0

최소화/slideUp 요소 .. 용서 내 프랑스어 – chillside

답변

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

, 다음 모든 위로 밀어하고 축소 할. 그렇지 않으면 모든 것이 아래로 내려 가서 표시됩니다.