Question

初学jquery，想知道怎么实现菜单效果。

自己写的，我想当点击任意<p>标签的时候，能够隐藏和显示<p>中的<div>标签。纯学习，不是想要菜单的效果，所以不要给出另外一段别的菜单代码哦~~~谢谢了！
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).children("div").toggle();
});
});
</script>
<div>
<p>用户管理<div>菜单一</div></p>
<p>信息管理<div>菜单二</div></p>
<p>广告管理<div>菜单三</div></p>
</div>
大概就是这个，意思，但是没效果。。。。。应该怎么写呢？

Answer 1

p里不能嵌套div（及其他block元素），如果写了就会被当成在p后面的同级标签

可以把里面的<div>改成<span>

或者把$(this).children("div").toggle();

改为$(this).next("div").toggle();

就能有效果

Answer 2

var x=$(this).next("div");
x.toggle();

其实是因为<p>里面不能包含<div>所以你的<p>被拆开了
<div>在<p>的兄弟结点去了而不是子结点

Answer 3

楼上是对的