JQuery 토글 버튼 및 아코디언 문제

Question

나는 "아코디언"메뉴가있는 div를 슬라이드 오픈해야하는 "메뉴"btn이 있습니다.

아코디언이 포함 된 div에 hide() (JS에서) 또는 "hidden"(CSS에서) 값을 추가하면 아코디언이 제대로 작동하지 않습니다. 메뉴 btn을 사용하여 아코디언이있는 div를 연 다음 아코디언 섹션을 클릭하면 그 안에있는 모든 내용을 볼 수 없습니다.

내가 아코디언으로 div를 숨기고있는 이유는 메뉴 btn을 누를 때까지 닫혀 있어야한다는 것입니다. 아코디언에 대한

코드 : 메뉴 BTN에 대한

<script type="text/javascript"> 
    $(function() { 
    // $('.effect').hide(); 
     $("#moduleMenu1, #moduleMenu2").accordion({collapsible: true, active: false}); 
    }); 
</script> 

코드 : 메뉴 BTN에 대한 스크립트가 "슬라이드"다만, 아코디언 함께 사업부를 열지 않는

<script type="text/javascript"> 
    $(function() { 
    $(".moduleMenuBtn").click(function() { 
     var effect = $('slide').val(); 
     var options = {}; 
     $(this).parent().next(".effect").toggle(effect,options,500); 
     return false; 
    }); 
}); 
</script> 

공지 사항 "슬라이드"애니메이션없이 팝업이 나옵니까? 당신은 단지 그것을 실행하는 경우

<div class="effect"> 
        <div id="moduleMenu1"> 
         <h3><a href="#">Section1</a></h3> 
         <div> 
          <p>Some Content</p> 
         </div> 
        </div> 
        </div> 

Answer 1

HTML이 허용 된 모든 섹션이 닫혀 있고 그들 중 누구도 공개 할로 보여줍니다 것을

$("#moduleMenu1, #moduleMenu2").accordion({ 
     collapsible: true, active: false 
}); 

올바른 첫 번째 부분이있다.

#moduleMenu1의 콘텐츠를 여는 메뉴 버튼에서 클릭 이벤트가 발생하는 것이 문제입니다.

또한

$('.effect').hide(); 

사실 전체 메뉴 및 콘텐츠 섹션 원하지 무엇을 숨 깁니다.