假设我有三个类div名为p1、p2 和 p3 的段落以及三个类名为 div1、div2 和 div3 的段落。所有div被隐藏。现在，当我点击p1课程时，只div1显示，而点击p2课程时，div1关闭并div2显示。
但在我的代码，而点击p1或p2或p3所有的div（ ，div1，div2）div3所示。
css
.ask_btn_paragraph
{display : none;}
html
<p class="ask_btn"><span>+</span>This is first paragraph</p>
<div class="ask_btn_paragraph">1stHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjnHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn</div>
<p class="ask_btn"><b><span>+</span>This is second paragraph</b></p>
<div class="ask_btn_paragraph">2ndHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issndnknskjnskjnHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn</div>
<p class="ask_btn"><b><span>+</span>This is third paragraph</b></p>
<div class="ask_btn_paragraph">3rdHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issndnknskjnskjnHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn</div>
脚本
$('.ask_btn').click(function () {
$(".ask_btn_paragraph").toggle();
})
问题出在哪儿 ？有人请帮帮我....
因为$(".ask_btn_paragraph")将选择每个都有p类.ask_btn_paragraph并隐藏它们。你应该
'.ask_btn_paragraph'使用.hide()next()is(':visible')show()如果它是隐藏的。$('.ask_btn').click(function(){
let x = $(this).next();
let hidden = !x.is(':visible')
$('.ask_btn_paragraph').hide();
if(hidden) x.show();
}).ask_btn_paragraph
{display : none;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="ask_btn"><span>+</span>This is first paragraph</p>
<div class="ask_btn_paragraph">1stHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjnHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn</div>
<p class="ask_btn"><b><span>+</span>This is second paragraph</b></p>
<div class="ask_btn_paragraph">2ndHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issndnknskjnskjnHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn</div>
<p class="ask_btn"><b><span>+</span>This is third paragraph</b></p>
<div class="ask_btn_paragraph">3rdHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issndnknskjnskjnHello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn Hello This issnknskjnskjn</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句