jquery切换效果怎么各切换各的?

jquery切换效果怎么各切换各的,就是单个切换单个的,不要点一个按钮就全都隐藏了或显示了

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>

宝慕林4294392
浏览 492回答 1
1回答

子衿沉夜

script type="text/javascript">$(document).ready(function(){$(".btn1").click(function(){$(this).next("p").toggle();});});</script>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery