JQUERY UI Accordion bắt đầu được thu gọn

Làm cách nào để làm cho giao diện người dùng jquery accordion bắt đầu thu gọn khi tải biểu mẫu. Có bất kỳ mã javascript cho điều này?

Trong các tùy chọn của bạn, chỉ định:

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

Xem tài liệu để hoạt động .

Tôi đã cố gắng làm điều tương tự. Sử dụng các tab giao diện người dùng Jquery. Tôi không muốn hiển thị với 5 tab khi bạn bắt đầu.

sử dụng active: false đã hiển thị nội dung tab thứ 5. Vì vậy, tôi đặt CSS tab để hiển thị: không có; vì nó hiển thị thay đổi nội dòng. Hy vọng điều này sẽ giúp ai đó!

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

Và theo phong cách

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

Tôi đã sử dụng mã này, vì tôi đang sử dụng Dreamweaver Widget, mã mà Topek không hoạt động đối với tôi hy vọng điều này sẽ giúp ích,

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

    });

Để hoàn thành câu trả lời của topex , Với Jquery UI 1.10.3, tôi phải đặt tùy chọn 'có thể thu gọn' trước tùy chọn 'hoạt động'.

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

Xem tài liệu

Nếu bạn đang sử dụng wysiwyg "Thuộc tính" và việc mã hóa nhầm lẫn, hãy thử đặt một số vào hộp "Hoạt động" hơn một số trong danh sách Phần của bạn. Tôi có 12 phần và đặt "13" vào đó và nó hiệu quả với tôi.

Nếu bạn đang sử dụng accordion jquery mặc định, nó luôn hiển thị nội dung bảng đầu tiên, bạn có thể tắt nó bằng cách sử dụng active: falsethuộc tính.

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

nhưng hành vi mặc định của nó là tất cả các bảng sẽ được đặt thành chiều cao của bảng cao nhất. vì vậy, bạn phải thêm "heightStyle"thuộc tính.

heightStyle: "content",

vì vậy, mỗi bảng sẽ chỉ cao bằng nội dung của nó.

Nếu bạn nhìn vào phần đầu của nhóm bảng trong mã của mình, hãy tìm

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

nếu bạn chỉ xóa "trong", bảng điều khiển sẽ đóng khi tải trang.