Javascript 要在html中单击时显示特定的div吗

假设我有三个段落的类名为p1、p2和p3，还有三个div的类名为div1、div2和div3。所有div都是隐藏的。 现在，当我单击p1类时，只显示div1，而单击p2类时，显示div1 close和div2

但在我的代码中，当单击p1或p2或p3时，会显示所有div1、div2、div3

css

html

问题在哪里？谁来帮帮我

$div.hide $p.onclick，函数{ var attr=$this.attr'id'.match/\d+/[1]； $div.hide $div+attr.show； };

Parargraph1

第一分部

Parargraph2

第2分部

Parargraph3

第3部分因为$.ask\u btn\u段落将选择每个类的所有p。ask\u btn\u段落并隐藏它们。你应该

使用.hide隐藏所有“.ask_btn_段落” 使用next获取要单击的元素的下一个元素 然后使用is'：visible'检查元素的可见性 然后显示它是否隐藏。 $。询问。单击函数{ 设x=$this.next； let hidden=！x.is'：可见 $。询问段落。隐藏； ifx.show； } .问一段 {显示：无；}

&43；这是第一段

1.你好，你好，你好，你好，这个，这个，你好，这个，这个，你好，这个，这个，你好，这个，你好，这个，你好，这个，你好，这个，你好，这个，你好

&43；这是第二段

2.你好，我是，你好，我是，你好，我是，你好，我是，你好，我是，你好，我是，你好，我是，你好，我是，你好，我是，你好

&43；这是第三段

---

3rdHello这个issnknskjnskjnskjn你好这个issnknskjnskjnskjn你好这个issnknskjnskjnskjn你好这个issnknskjnskjn你好这个issnknskjnskjn你好这个issnknskjnskjn你好这个issnknskjnskjn儿子在哪里询问点击你需要隐藏所有询问段落，然后在点击的按钮下方显示段落。@Meheer Ali…..很抱歉出错。我已经更新了我的代码；效应

.ask_btn_paragraph
{display : none;}

<p class="ask_btn"><span>&#43;</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>&#43;</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>&#43;</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();
 })