Jquery:最小化 Accordion 标签点击标签内容

Question

我正在寻找最小化其他 Accordion 选项卡的可能性，如果我在其中一个 Accordion 内容中收到点击，如果它最小化我只想在屏幕下方保留一个栏，如果用户点击它， Accordion 将再次显示.找到这个 ( jQuery accordion hiding tabs in CSS ) 但没有我想要的。

任何人都有一些关于如何以简单的方式做到这一点的经验吗？

我更喜欢将它包裹在 Accordion 创作中，就像这里:

$accordion.accordion({
            autoHeight: false,
            heightStyle: "fill",
            activate: function (event, ui) {
                json = [];
                it = {};
                it["id"] = ui.newHeader.attr('id');
                it["filter"] = 0;
                it["search"] = $("#txt_search").val();
                json.push(it);
                var header = ui.newHeader.attr('id').split('_');
                var body = ui.newHeader.attr('id').substr(2);
                body = body.substr(0, body.lastIndexOf('_'));
                //iTransactionHandler(14, body, header[header.length - 1], json);
            },
            beforeActivate: function (event, ui) {
                alert($(this).find('.ui-state-active').next().attr('id'));
            }
        });

Answer 1

听起来“not”函数与“each”函数结合在一起可能正是您要找的东西

$(".tab").click(function() {
    $(".tab").not($(this)).each(function() {
        $(this).close();
    });
});


function close() {
    console.log('close')
}

它的作用是说“关闭除刚刚单击的选项卡之外的所有选项卡。”

如果这不能回答您的问题；您将不得不提供更多信息，因为看起来您只是要求我们为您写 Accordion 。