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。

Demonstration

无法获取隐藏的div来切换JQUERY

1 个答案: