Jquery:最小化选项卡内容的手风琴选项卡

时间:2015-03-02 16:01:00

标签: jquery html css jquery-ui

我正在寻找可以最小化其他手风琴标签的可能性,如果我收到一个手风琴内容中的onclick,如果它最小化我想在屏幕上只保留一个条,如果用户点击这个,手风琴再次显示。 找到了这个(jQuery accordion hiding tabs in CSS),但没有找到我想要的东西。

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

我更喜欢将其包含在手风琴创作中,如:

$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'));
            }
        });

1 个答案:

答案 0 :(得分:0)

听起来像"不是"功能与"每个"功能可能只是你正在寻找的东西

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


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

这样做是说"关闭除了刚刚点击的标签以外的所有标签。"

如果这不能回答你的问题;您将不得不提供更多信息,因为您似乎只是要求我们给您写手风琴。