기본적으로 아코디언을 열지 않는 방법

Question

좋아요. 자바 스크립트가 너무 많아서 Google에서 검색하여 아코디언을 만들었습니다. 문제는 "토글 활성"클래스를 사용하지 않아도 아코디언의 첫 번째 항목이 항상 열려 있다는 것입니다. 아코디언은 완벽하게 작동합니다. 예를 들어 항목 번호 3에서이 "토글 활성"클래스를 사용하면 항목 번호 3이 기본적으로 열립니다.

하지만 내 문제는 하나의 항목 만 있습니다. & 아코디언 항목을 클릭하고 싶을 때 클릭 만하면 열지 않습니다. 내가 어떻게 해? 여기

코드들입니다 :

jQuery(".toggle-item").each(function() { 
     jQuery(this).find('.toggle-active').siblings('.toggle-inner').slideDown(300);       
    }); 

    jQuery(".toggle-item").on("click", ".toggle-title", function() { 
     var thisItem = jQuery(this); 
     var parentdiv = thisItem.parent('div').parent('div'); 
     var active = thisItem.parent('div').find('.toggle-inner').css('display'); 

     if (jQuery(parentdiv).attr('class') === 'accordion') { 
      if (active !== 'none') { 
       jQuery(parentdiv).find('.toggle-item .toggle-inner').slideUp(300); 
       thisItem.toggleClass('toggle-active'); 
      } else { 
       jQuery(parentdiv).find('.toggle-item .toggle-inner').slideUp(300); 
       jQuery(parentdiv).find('.toggle-item .toggle-title').removeClass('toggle-active'); 

       thisItem.toggleClass('toggle-active'); 
       thisItem.siblings('.toggle-inner').slideDown(300); 
      } 
     } else { 
      thisItem.toggleClass('toggle-active'); 
      thisItem.siblings('.toggle-inner').slideToggle(300); 
     } 

     return false; 
    }); 

Answer 1

사용 http://api.jqueryui.com/accordion/#option-collapsible

이것은 당신이 사용할 수있는 JQuery와 아코디언 위젯입니다.

$ (".toggle 항목") .accordion ("옵션", { 축소 : 사실, 활성 : 거짓 });