jQuery UI Accordion 控件

Question

我有一个 jQuery UI Accordion ，其中每个 Accordion 部分都有许多复选框。

1-我希望 Accordion 开始时全部折叠并全部启用。

2-当用户单击任何复选框时， Accordion 将被禁用，以便用户可以继续仅选中该组中的复选框。

不，添加以开始全部折叠的选项的名称是什么？我的脚本是这样的:

$(function() {
    $("#accordion" ).accordion({
        heightStyle: "content",
        animate: 1,
        collapsible: true
    });
});

触发 Accordion 禁用的操作是什么？

$(document).on('change', '.checkbox', function(event) {
    var check = $(this);
    var len = $('.checkbox:checked').length;
    if (check.is(':checked')) {
        $('#accordion').MAKE_IT_DISABLED;
    } else {
        if (len == 0) {
            $('#accordion').MAKE_IT_ENABLED;
        }
    }
});

Answer 1

对于第二个问题，您可以切换名为“disabled”的类，例如:

.disabled {
    cursor: default;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .3;
    pointer-events: none;
}

我猜你可以使用 css 来解决你的第一个问题，使用 display: none 或 display: block