jquery - 如何关闭jquery中目标的事件？

Question

我在菜单面板中有几个菜单按钮。每个按钮都会打开一个 css:box(100px 100px) 现在，当我单击一个框时，它会打开，当我单击另一个框时，我希望该框打开前一个框以同时关闭。

$(document).ready(function(){
    //this is click anywhere function
     $(document).click(function(e) {
    var target = e.target;

    if (!$(target).is('li.faq')) {
        $('#faq_container').hide();
    }
    });
    });

有没有一种通用的方法可以实现这一目标？而不是检查类中的元素是否打开然后有选择地关闭？

我已经使用了 $('html').click() 函数，但它甚至在我打开它之前就关闭了它！

Answer 1

创建一个重置菜单状态的函数，并在单击处理程序的开头调用它。

就像是

function clear(){
  $('#faq_container').hide();
  //hide everything else here
}

然后在打开新的 CSS 框之前清除（）。