JQUERY UI 아코디언 시작이 붕괴되었습니다.

JQUERY UI 아코디언 시작이 붕괴되었습니다.

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

옵션에서 다음을 지정합니다.

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

활성화 여부는 설명서를 참조하십시오.

저도 같은 일을 하려고 했습니다.Jquery UI 탭 사용.시작할 때 탭이 5개로 하나도 안 나오길 바랬어요.

active: false를 사용하면 5번째 탭 내용이 표시됩니다.그래서 탭 CSS를 표시하도록 설정했습니다:없음; 인라인으로 표시가 변경되기 때문입니다.누군가에게 도움이 되길 바랍니다!

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

그리고 스타일로.

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

드림위버 위젯을 사용하면서 이 코드를 사용했는데, 토펙이 작동하지 않는 코드가 도움이 되기를 바랍니다.

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

    });

topex의 답을 완성하려면 Jquery UI 1.10.3을 사용하면 '액티브' 옵션보다 먼저 'collapsible' 옵션을 설정해야 했습니다.

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

설명서 참조

만약 당신이 "속성"이라는 위지그를 사용하고 있고 코딩 혼란을 겪고 있다면, 당신의 섹션 목록보다 하나 더 많은 숫자를 "활성" 상자에 넣도록 시도해 보세요.저는 12개의 섹션을 가지고 있고 거기에 "13"을 넣었는데 그것은 저에게 효과가 있었습니다.

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

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

기본 동작은 모든 패널이 가장 높은 패널의 높이로 설정되기 때문에 추가해야 합니다."heightStyle"기여하다.

heightStyle: "content",

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

코드에서 패널 그룹의 시작 부분을 보면 다음을 찾습니다.

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

페이지가 로드되면 패널이 닫힙니다.

언급URL : https://stackoverflow.com/questions/7947789/jquery-ui-accordion-start-collapsed