jquery - 使用 jQuery 关闭使用数据切换属性打开的 div？

Question

我有一些隐藏的 div，可以使用 Bootstrap 和数据切换打开。我无法显示多个隐藏的 div，因此当其中一个打开时，我希望其他的关闭。

这是我尝试过的 jQuery，但是当 #add-alert-box 关闭时我没有收到警报。我有一个demo in jsfiddle 。这是可能的还是我必须使用 jQuery 而不是数据属性来激活每个隐藏的 div？

jQuery(document).ready(function ($) {

    $("#add-alert-box").collapse({
        toggle: false
    })

    $('#add-alert-box').on('hide', function () {
        alert('test');
        console.log('test');
    })

});

Answer 1

我认为有更好、更容易的实现。您应该使用 Jquery ui Accordion。检查这个:http://jqueryui.com/accordion/