JQUERY UI Accordion 시작 접힘

JQUERY UI Accordion 시작 접힘

---

양식이로드 될 때 jquery UI 아코디언 시작을 축소하려면 어떻게해야합니까? 이것에 대한 자바 스크립트 코드가 있습니까?

---

옵션에서 다음을 지정하십시오.

{
  ...
  active: false,
  collapsible: true,
  ...
}

활성에 대한 설명서를 참조하십시오 .

---

저도 똑같은 일을하려고했습니다. Jquery UI 탭 사용. 시작할 때 5 개의 탭이 표시되는 것을 원하지 않았습니다.

using active : false는 5 번째 탭 콘텐츠를 보여줍니다. 그래서 탭 CSS를 display : none; 인라인으로 디스플레이가 변경되기 때문입니다. 이것이 누군가를 돕기를 바랍니다!

<script>
$(function() {
    $( "#tabs" ).tabs({
        active: false,
        collapsible: true,
    });
});

그리고 스타일

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{ 
    display:none;
}

---

이 코드를 사용했습니다. Dreamweaver 위젯을 사용할 때 Topek이 작동하지 않는 코드가 도움이되기를 바랍니다.

jQuery("#jQueryUIAccordion").accordion({ 
        event: "click",
        active: false,
        collapsible: true,
        autoHeight: false

    });

---

topex 의 답 을 완성하기 위해 Jquery UI 1.10.3에서는 'active'옵션 앞에 'collapsible'옵션을 설정해야했습니다.

$( ".accordion" ).accordion("option", { 
    collapsible: true,
    active: false
});

문서 보기

---

wysiwyg "속성"을 사용하고 있고 코딩이 혼란 스러우면 "활성"상자에 섹션 목록보다 하나 더 많은 숫자를 입력 해보십시오. 나는 12 개의 섹션이 있고 거기에 "13"을 넣었고 그것은 나를 위해 일했습니다.

---

코드에서 패널 그룹의 시작 부분을 보면

<div id="collapseOne1" class="panel-collapse collapse in"> 

"in"만 제거하면 페이지가로드 될 때 패널이 닫힙니다.

---

기본 jquery 아코디언을 사용하는 경우 항상 첫 번째 패널 내용이 표시되며 active: false속성 을 사용하여 비활성화 할 수 있습니다 .

jQuery(document).ready(function() {
    jQuery( "#accordion" ).accordion({
      collapsible: true,
      active: false,
    });
});

그러나 기본 동작은 모든 패널이 가장 높은 패널의 높이로 설정된다는 것입니다. 그래서 "heightStyle"속성 을 추가해야 합니다.

heightStyle: "content",

따라서 각 패널은 해당 내용만큼만 높이가됩니다.

참고 URL : https://stackoverflow.com/questions/7947789/jquery-ui-accordion-start-collapsed