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

Question

I am looking for a possibility to minimize other accordion tabs if I receive a onclick in one of the accordion content if its minimized I want to keep only a bar down the screen, if user clicks on this the accordion is being shown again. Found this ( jQuery accordion hiding tabs in CSS ) but no what I want.

Anybody has some experience on how to do this on easy way?

I prefer to wrap it up in the accordion creation, like shere:

$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

It sounds like the "not" function twinned with the "each" function might just be what you're looking for

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


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

What this does is says "Close all tabs except the one that was just clicked."

If that doesn't answer your question; you're going to have to provide more information because it looks like you're just asking us to write you an accordion.