jQuery更改从点击到悬停

Question

我有一个jQuery的问题。我创建了一个功能为.click的菜单，但现在我需要在悬停菜单中转换这个菜单，当我点击链接COLLECTIONS。

这是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

try this

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