jQuery 아코디언에서 모두 펼치고 접을 수있는 버튼

Question

간단한 'jQuery 아코디언이 있습니다. 상단에'모두 펼치기/접기 '버튼이 있어야합니다.

일부 항목이 이미 표시되어 있고 버튼이 클릭되었을 때를 제외하고는 '다른 항목'이 확장/축소되어 이미 열려있는 항목을 그 반대로 남겨 둡니다.

모든 항목을 닫고 다시 열 수있는 일종의 재설정을 찾아야하며 그 반대의 경우도 있습니다.

은 아코디언과 붕괴 아래 코드를 참조하십시오 :

<script type="text/javascript"> 
(function($) { 
    $(function() { 
     $(".faq-accordion > div").accordion({ header: "h4", collapsible: true, active: false, speed: 10000, }); 
    }) 
})(jQuery); 
</script> 

<script> 
$(document).ready(function() { 
$('.show-all-applying').click(function() { 
    $('.faq-accordion div div').slideToggle("fast"); 
}); 
}); 
</script> 

감사합니다!

1. 는이되면 '모두 표시'버튼은 또한 모든 것을 숨길 확인 : 그것은 지금까지 (내용이 변경 포함) 문제는 내가 할 필요가 있습니다

   그대로 모든 것을 보여주는 Here is a JSFiddle :

   편집 두 번 클릭했습니다.

2. 때때로 닫히기 위해 클릭 할 때 질문을 두 번 클릭해야하며 이유를 모르겠습니다. 그나마 대신 slideUp()를 사용 slideToggle() 사용

Answer 1

)

SlideToggel가 다운 eveything 위로 아래로 모든 것을 밀어 것입니다.

당신은() slideUp를 이렇게까지 밀어 사용하는 모든 것을 할

편집 : 나는 당신의 jsfiddle을 수정하고 작업을 얻었다. 사용자가 '모두 표시'버튼을 클릭하면 텍스트가 무엇인지 확인할 수 있습니다. 따라서이 경우 '모두 표시'를 선택하면 모든 슬라이드 다운됩니다. 그런 다음 텍스트를 '모두 숨기기'로 변경합니다. 사용자가 '모두 숨기기'를 클릭하면 모두 슬라이드됩니다. 이 경우 slideToggle을 사용하면 BUT 사용자가 질문 제목을 클릭하면 열리고 클릭 한 후 모두 CLOSE 클릭 한 모든 질문을 열고 모두 열립니다. 다른 사람들! 물론 덕분에 작동

WORKING FIDDLE