jquery - 无法获得隐藏的 div 来切换 JQUERY

Question

所以我无法在导航菜单上实现 JQuery 切换。我设法在一个新文件上快速完成，但不能在我的主版本上完成。

我想要什么：http: //jsfiddle.net/wFN9t/6/ 我有什么：http: //jsfiddle.net/KgCYE/9/

我知道 div 是隐藏的，因为如果我从 css 中删除 #submenu li{display:none;} ，子菜单就会出现。有人可以告诉我我做错了什么吗？

Javascript

 $(document).ready(function() {
 $('#submenu').click(function() {
 $('#submenu ul').toggle('');
});
});

HTML

<div id="navigation">
    <ul>
    <li><a href="aboutme.html"id="aboutme">Home</a></li>
    <li id="submenu"><a href="project.html" id="projects">Projects</a>
        <ul>
            <li><a href="#">Design Exploration</a></li>
            <li><a href="#">Work in progress</a></li>
            <li><a href="#">Proposal</a></li>
            <li><a href="#">Portfolio</a></li>
        </ul>
    </li>
    <li><a href="reflections.html" id="reflections">Reflections</a></li>
</ul>

CSS

#submenu ul{
display:none;
}

Answer 1

改变

$(document).ready(function() {
  $('#submenu').click(function() {
  $('#submenu ul').toggle('');
});

至

$(document).ready(function() {
   $('#submenu').click(function() {
     $('#submenu ul').toggle('');
   });
});

你应该删除它，''因为它不会使代码更清晰。

另外，在制作小提琴时不要忘记包含 jQuery，使用左侧面板中的菜单。

示范