Question

jquery效果如何做到，划过标签，div显示；划出标签，div隐藏；如果划出标签，但鼠标在div层上div正常显示

<script>$( function(){ //$(document).click( function(){// $(".a,.b").slideUp();// })// $(".list02Box").click( function(event){// event.stopPropagation();// }) // $(".nav01").mouseover( function(){ $(".a").slideDown() $(".b").hide(); }) $(".nav01").mouseout( function(){ $(".b").hide(); $(".a").slideUp() }) $(".nav02").mouseover( function(){ $(".b").slideDown() $(".a").hide(); }) $(".nav02").mouseout( function(){ $(".a").hide(); }) })</script><div class="nav"> <a href="" class="nav01">导航01</a>        <a href="" class="nav02">导航02</a></div><div class="list02Box a" style="display:none"> <div class="list02 clearfix"> <div class="box1" style="margin-left:160px"> <div class="list_title">AAAAAA</div> <ul> <li><a href="">门户平台</a></li> <li><a href="">服务中心</a></li> <li><a href="">认证中心</a></li> <li><a href="">流程事务中心</a></li> <li><a href="">消息中心</a></li> <li><a href="">大数据中心</a></li> </ul> </div> </div></div><div class="list02Box b" style="display:none"> <div class="list02 clearfix"> <div class="box1" style="margin-left:160px"> <div class="list_title">BBBBB</div> <ul> <li><a href="">门户平台</a></li> <li><a href="">服务中心</a></li> <li><a href="">认证中心</a></li> <li><a href="">流程事务中心</a></li> <li><a href="">消息中心</a></li> <li><a href="">大数据中心</a></li> </ul> </div> </div></div>
鼠标划过导航01时，A模块显示；鼠标移出导航01时，停留在A模块时，A无动作，正常显示。只有在鼠标移出导航01或A模块时，A隐藏。感觉挺容易，但脑子转不过来，在线等

Answer 1

<div class="nav"> <a href="" class="nav01">导航01</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="" class="nav02">导航02</a> </div>
<div class="mokuai">
  <div class="list02Box a" style="display:none">
    <div class="list02 clearfix">
      <div class="box1" style="margin-left:160px">
        <div class="list_title">AAAAAA</div>
        <ul>
          <li><a href="">门户平台</a></li>
          <li><a href="">服务中心</a></li>
          <li><a href="">认证中心</a></li>
          <li><a href="">流程事务中心</a></li>
          <li><a href="">消息中心</a></li>
          <li><a href="">大数据中心</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="list02Box b" style="display:none">
    <div class="list02 clearfix">
      <div class="box1" style="margin-left:160px">
        <div class="list_title">BBBBB</div>
        <ul>
          <li><a href="">门户平台</a></li>
          <li><a href="">服务中心</a></li>
          <li><a href="">认证中心</a></li>
          <li><a href="">流程事务中心</a></li>
          <li><a href="">消息中心</a></li>
          <li><a href="">大数据中心</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<script>
$(".nav a").hover(function(){
	var index = $(this).index();
	$(".mokuai").find(".list02Box").eq(index).slideDown().siblings().slideUp();
	//小伙，这是我给你改过的代码，你自己慢慢研究吧啊
	})
</script>

Answer 2

把导航01和A模块放在一个DIV中，鼠标mouseout事件改为移出这个父DIV隐藏A模块