Bootstrap如何使元素單擊以折疊

Question

我有一個帶有兩個鏈接的面板，linkEdit和linkShow，我們用來折疊/擴展面板。 我需要知道單擊了哪個鏈接。 我嘗試了$ triggers，但是返回了兩個觸發元素。

這樣做的原因是我只希望linkEdit僅展開，而linkShow可以展開和折疊。 想法是，如果單擊linkEdit，則返回false；如果單擊linkShow，則返回true。

$(document).ready(function () {
    $('#collapsePanel').on('hide.bs.collapse', function (e) {
        console.info($(e.target).data('bs.collapse'));
        var triggers = $(e.target).data('bs.collapse').$trigger;
        console.info($(this));            
    })
});

Answer 1

只需使用JQuery來檢查是否單擊了它的所有子項，然后將一個onClick偵聽器附加到崩潰面板內部或外部的每個鏈接（我不確定我是否很好理解）：

$("#collapsePanel .link_class").click(function() {
    if ( $(this).attr('class') === "linkEdit" ) {
        // Collapse your #collapsePanel
    } else {
        // Don't collapse your panel
    }
}

如果只想在折疊$(".your_hidden_elements").hide()顯示幾個元素，請使用$(".your_hidden_elements").hide()隱藏它們。