我在網(wǎng)頁中間實現(xiàn)了一個菜單（注意：這不是頂部導航菜單）。所以這是默認狀態(tài)：人們可以點擊其他菜單項來查看不同的內容。 我嘗試為一個菜單項編寫以下代碼并且它正在工作......但是是否有適用于每個菜單項的優(yōu)雅解決方案？<script>     $(function() {      $("#menu3").click(function(){          $(this).css({            'text-decoration':'underline',            'font-family':'Gotham-Medium'          });          $("#content1").hide();          $("#content3").show();                });    }); </script>  <nav class="menu">    <ul>      <li><div id="menu1">menu1</div></li>      <li><div id="menu2">menu2</div></li>      <li><div id="menu3">menu3</div></li>      <li><div id="menu4">menu4</div></li>    </ul>  </nav>另外，我為菜單項懸停狀態(tài)編寫了以下代碼。非常奇怪，事情與這段代碼一起工作：<script>     $(function() {      $("#menu3").mouseenter(function(){          $(this).css({            'text-decoration':'underline',            'font-family':'Gotham-Medium'          });       });    }); </script>但是一旦我添加了 mouseleave 代碼....事情就停止了（包括 mouseenter 進入狀態(tài)，所以當你將鼠標懸停在菜單上時沒有任何反應）。不確定發(fā)生了什么或如何解決它。提前致謝。<script>     $(function() {      $("#menu3").mouseenter(function(){          $(this).css({            'text-decoration':'underline',            'font-family':'Gotham-Medium'          });       $("#menu3").mouseleave(function(){          $(this).css({            'text-decoration':'none',            'font-family':'Gotham-Medium'          });       });    }); </script>