Javascript CSS常见问题解答第一个div工作，下一个不是

我正在为我的网站做一个常见问题解答

代码：

在第一个div on pass上，所有鼠标都检测到一个div：

但在第二个问题上，我只在传递文本而不传递div时才有效

我的职能：

<script>
  function show2(obj) {
    var x = document.getElementById(obj);
    if (x.style.display == 'none') {
      x.style.display = 'block';
    } else {
      x.style.display = 'none';
    }
  }
</script>

功能显示2（obj）{
var x=document.getElementById（obj）；
如果（x.style.display==“无”）{
x、 style.display='block'；
}否则{
x、 style.display='none'；
}
}

---

很抱歉我的英语不好，谢谢你的帮助。

如果你想让它像你想的那样工作，请正确地写段落标记，而不是仅仅使用结束标记

<div style='margin: auto; width: 750px;'>
<a href='#q0' onClick="show2('q1')" class='faqahr'>
    <div class='faqquest'>
        <i class="fa fa-question"></i> Question 1
    </div>
    <div id='q1' style='display: none;' class='faqaw'>
        The answer 1
        <br />1
    </div>
</a>
<p></p>

<a href='#q1' onClick="show2('q2')" class='faqahr'>
    <div class='faqquest'>
        <i class="fa fa-question"></i> Question 2
    </div>
    <div id='q2' style='display: none;' class='faqaw'>
        The answer 2
        <br />
    </div>
</a>
<p></p>

<a href='#q2' onClick="show2('q3')" class='faqahr'>
    <div class='faqquest'>
        <i class="fa fa-question"></i> Question 3
    </div>
    <div id='q3' style='display: none;' class='faqaw'>
        The answer 3
        <br />3
    </div>
</a>

或者您可以使用断开标记

---

我相信你能以更好的方式实现同样的行为。。将很有用

请把问题弄清楚我真的不知道你想做什么，但我复制了你的代码，它似乎工作得很好谢谢你的帮助，我做了一个div“box”，我点击了box1“问题1”，工作很好，但我点击了另一个boxs，没有做任何事情。。。如果你将鼠标悬停在所有文本上，则只对“文本”进行操作。首先，将鼠标悬停在所有文本上：但是如果将问题2仅悬停在“任务2”上，则理解该问题吗？谢谢你的帮助。

<div style='margin: auto; width: 750px;'>
<a href='#q0' onClick="show2('q1')" class='faqahr'>
    <div class='faqquest'>
        <i class="fa fa-question"></i> Question 1
    </div>
    <div id='q1' style='display: none;' class='faqaw'>
        The answer 1
        <br />1
    </div>
</a>
<p></p>

<a href='#q1' onClick="show2('q2')" class='faqahr'>
    <div class='faqquest'>
        <i class="fa fa-question"></i> Question 2
    </div>
    <div id='q2' style='display: none;' class='faqaw'>
        The answer 2
        <br />
    </div>
</a>
<p></p>

<a href='#q2' onClick="show2('q3')" class='faqahr'>
    <div class='faqquest'>
        <i class="fa fa-question"></i> Question 3
    </div>
    <div id='q3' style='display: none;' class='faqaw'>
        The answer 3
        <br />3
    </div>
</a>