0

我需要“工人类型”和“你在哪里工作？”的悬停功能。在右侧边栏（在联系人下方）要干净得多。我需要的是当我将鼠标悬停在 ul 而不仅仅是父链接上时，如果我将鼠标悬停在父链接上，则子 ul 保持可见

这是我的代码

<div class="nav_item">
<div class="nav_item_link" id="clickMe2" href="#"><img src="http://50.28.46.210/dev/obryan/wp-content/themes/wp-foundation/images/compassicon.png" class="nav_icons">

<h5>Where Do You Work?</h5></a>
</div>
<ul id="clickEvent2" class="worker_list">
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/pacific-ocean/">Pacific Ocean</a></li>
<li><a href=""http://dev.trafficdigitalagency.com/obryan/where-do-you-work/atlantic-ocean/">Atlantic Ocean</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/gulf-of-mexico/">Gulf of Mexico</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/bering-sea/">Bering Sea</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/great-lakes/">Great Lakes</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/international-waters/">International Waters</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/mississippi-river/">Mississippi River</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/ohio-river/">Ohio River</a></li>
</ul>
</div>

这是我的jQuery

$(document).ready(function(){
$('#clickMe').hover(function() {
 $("#clickEvent").fadeToggle("slow");
});
4

1 回答 1

1

Posting as an answer as requested: http://jsfiddle.net/hgEV9/

$('#clickMe').on("mouseenter",function() {
 $("#clickEvent2").fadeToggle("slow");
})

HTML:

<div class="nav_item">
<a class="nav_item_link" id="clickMe" href="#"><img src="http://50.28.46.210/dev/obryan/wp-content/themes/wp-foundation/images/compassicon.png" class="nav_icons"></a>
</div>
<h5>Where Do You Work?</h5>

<ul id="clickEvent2" class="worker_list">
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/pacific-ocean/">Pacific Ocean</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/atlantic-ocean/">Atlantic Ocean</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/gulf-of-mexico/">Gulf of Mexico</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/bering-sea/">Bering Sea</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/great-lakes/">Great Lakes</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/international-waters/">International Waters</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/mississippi-river/">Mississippi River</a></li>
<li><a href="http://dev.trafficdigitalagency.com/obryan/where-do-you-work/ohio-river/">Ohio River</a></li>
</ul>
</div>
于 2013-07-05T20:25:15.703 回答