Question

怎么只隐藏和显示当前<li>下的<p>

<ul>
<li><button type="button">切换</button><p>显示和隐藏之间切换</p></li>

<li><button type="button">切换</button><p>显示和隐藏之间切换</p></li>
</ul>
<script src="js/jquery.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
我要得效果是点击当前<li>下的按钮，只有相同<li>下的<p>切换显示/隐藏
跪求高手帮忙修改代码，我现在点击切换按钮，所有的<p>标签的内容都显示或者隐藏了。

Answer 1

$("p").toggle(); 改成 $(this).next('p').toggle();