jQuery 从单击变为悬停

Question

我对 jQuery 有疑问。我创建了一个功能为.click 的菜单，但现在当我单击链接集合时，我需要在悬停菜单中转换此菜单。

这是 jQuery 代码：

$(document).ready(function(){
  $("div#toggle a.button").click(function () {
    $("div#toggle div.box").toggle("slow");
});
hidden = true;
$("div#custom a.button").hover(function () {
  if(hidden == false) {
    $("div#custom div.box").fadeOut();
    hidden = true;
  } else {
    $("div#custom div.box").fadeIn(100);
    hidden = false;
  }
});

这是 CSS 代码：

#custom {
  z-index:0;
}

.box {
  width:100%;
  height:20px;
  border:0px solid #999;
  background-color:rgb(128, 129, 132);
  display:none;
  position:fixed;
  left:0;
  margin-top:6px;
  z-index:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#E6E4D7;
}

页面位于http://www.mediaxsrl.it/web/loloey/forme/formeit.html

Answer 1

试试这个

$("#custom").hover(function() { 
    $(this).find("box").slideDown(); 
} , function() {  
    $(this).find("box").hide(); 
});