关闭点击时折叠jQuery手风琴

时间:2015-05-02 05:13:57

标签: javascript jquery html

当你点击它时,有没有办法让jQuery手风琴崩溃?例如,如果您打开其中一个手风琴,如果您点击不是手风琴的任何地方,那么它会关闭。

的jQuery

$(document).ready(function() {

    $( "#accordion" ).accordion({ 

        header: "h3",
        collapsible: true,
        active: false,
        heightStyle: "content",
        animate: {

            easing: "swing",
            duration: 300

        }

    });

});

1 个答案:

答案 0 :(得分:2)

这个怎么样:

$(document).click(function (event) {
      if(!$(event.target).closest('#accordion').length) {//if you clicked outside of the accordion
             $("#accordion").accordion({active: false});//collapse all the panels
       }
 });