基本上我有6个按钮和6个段落(每个按钮与特定段落相关).我想在单击某个按钮时显示一段文本,然后在再次单击该按钮时隐藏该段落.
我看过类似的问题,但似乎无法让它发挥作用.我认为它是因为我只是开始尝试使用jquery而不是真正理解这个问题.所有肝脏将不胜感激!谢谢!
HTML:
最佳答案
首先,你必须识别不同的按钮,如果使用“按钮”类,你将始终参考所有3个按钮.
此外,您不需要在p元素中放置div元素.
所以你可以这样做:
然后,javascript:
$(document).ready(function () {
$("p").hide();
$("#btn1").click(function(){
$("#p1").toggle();
});
$("#btn2").click(function(){
$("#p2").toggle();
});
$("#btn2").click(function(){
$("#p2").toggle();
});
});