如何切换和悬停侧边菜单？

Question

我目前在网站上有一个侧边菜单。侧边菜单可以通过悬停特定区域来打开，如果不悬停则关闭。这很好用，但是如果我单击特定区域，我也希望它打开，这也可以。但是如果再次单击此区域，我希望它再次关闭，这是我现在的问题。

$.fn.boxLid = function(options){
  var box = new BoxLid(options);
  return this.each(function(){
    $(this).hover(box.open, box.close) && $('#id').click(box.open);
  });
};

到目前为止，我使用了点击功能，因为 .toggle(box.open, box.close);不会工作。有人有想法吗？提前致谢！

Answer 1

没有 jQuery 二次点击处理程序，因此您可能需要使用指示器来完成此操作。像这样的：

$.fn.boxLid = function (options) {
    var box = new BoxLid(options);
    var open = false;
    return this.each(function () {
        $(this).hover(box.open, box.close); 
        $('#id').click(function(){
           if(open){
             box.close;
             open = false;
           }else{
             box.open
             open = true;
           }
        });
    });
};