Javascript 通过管理onclick来显示一些文本

我想隐藏和显示我的部分（问题1，问题2，…）并管理onclick。因此，通过单击问题1将显示一些文本，通过单击问题2将显示其他文本…等等…我如何才能做到这一点？ 我还想有一个所有问题的左侧部分和一个显示answear的右侧部分

代码：

<strong font="" size="5" face="arial" color="black"><b>Question1</b></strong>
<div class="section" style="padding-top: 0.5cm" size="2" face="arial" color="black">
    <p>
        Some text
        <br/><br />
    </p>
</div>

<strong font="" size="5" face="arial" color="black"><b><br />Question</b></strong>
<div class="section" style="padding-top: 0.5cm" size="2" face="arial" color="black">
    <p>
        Some text
    </p>
</div>

<style>
    /* <![CDATA[ */
    div.section {
        text-align: justify;
    }
    /*]]>*/
</style>

问题1

一些文本





问题

一些文本

/* */

有多种方法可以做到这一点，您可以使用复选框和标签，也可以使用javascript。 但我想给你的一条建议是，在发帖之前，你应该做一个彻底的研究。 最基本、最简单的方法是通过jQuery

jQuery（'.question'）。在（“单击”，函数（）上）{
jQuery（'.section'）.hide（）；
var id=jQuery（this.attr（'id'）；
jQuery（'#section'+id）.show（）；
});
部分{
显示：无；
}
.问题{
光标：指针；
}

问题1
一些文本1



Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
问题2
一些文本1



Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
一些文本2
纯CSS中的多种方式
：target
，
等。这个论坛有大量关于手风琴的问题（使用CSS、javascript/jquery）