Javascript 在一个分区中隐藏UL_Javascript_Jquery_Html_Css

Javascript 在一个分区中隐藏UL

javascript jquery html css

Javascript 在一个分区中隐藏UL,javascript,jquery,html,css,Javascript,Jquery,Html,Css,目前我有以下代码： <body> <ul id="menu"> <li data-menuanchor="firstPage"><a href="#section1">1</a></li> <li data-menuanchor="secondPage"><a href="#section2">2</a></li> <li data-menuancho

目前我有以下代码：

<body>

<ul id="menu">
   <li data-menuanchor="firstPage"><a href="#section1">1</a></li>
   <li data-menuanchor="secondPage"><a href="#section2">2</a></li>
   <li data-menuanchor="3rdPage"><a href="#section3">3</a></li>
   <li data-menuanchor="4thpage"><a href="#section4">4</a></li>
</ul>


<div id="fullpage">
   <div class="section" id="section0"><h1>0</h1></div>
   <div class="section" id="section1">
      <div class="slide" id="slide1"><h1>1.a</h1></div>
      <div class="slide" id="slide2"><h1>1.b</h1></div>
   </div>
   <div class="section" id="section2"><h1>2</h1></div>
   <div class="section" id="section3"><h1>3</h1></div>
   <div class="section" id="section4"><h1>4</h1></div>
</div>

</body>

还有：

$('#section0').mouseleave(function() {
    $('#menu').show();
});
$('#section0').mouseenter(function() {
    $('#menu').hide();
});

两种解决方案都有效，但并不完美。例如，如果有人使用滚轮进入页面，但他或她不移动鼠标（仅滚轮），则不会显示菜单。或者，如果有人去了，例如，地址栏，菜单将显示

你能告诉我一些正确做这件事的建议吗？提前感谢您，请原谅我的英语。

为什么不使用css#section0:hover{display:none；}@Cuzi我已经试过了，但是我如何将

#section0

与

#菜单关联起来呢？在这种情况下，我建议使用toggle类$（'#section0'）。在（“mouseover mouseout”，function（）{；$（'#菜单'）。toggleClass（“hide”）；您想隐藏到section0可见或鼠标在section0上时？在加载之前和css body:not（fp viewing intro）#菜单{display:block；}body.fp-viewing-intro#菜单{display:none；}
$('#section0').mouseleave(function() {
    $('#menu').show();
});
$('#section0').mouseenter(function() {
    $('#menu').hide();
});