javascript - html5显示隐藏

Question

html5怎样做到点击列表项，在此项下方显示问题，点击问题，在问题下方显示答案？再次点击问题，隐藏答案。

Answer 1

用JS来控制样式啊 你想做出改变的区域 如果为显示状态 就改变为隐藏 如果是隐藏就改变为显示状态 用display:none

Answer 2

<style>
.hidden{display:none;}
</style>
<p class="liebiao">所有问题</p>
<ul class="list_ul hidden">

<li>
    <p>问题一</p>
    <p class="answer hidden">问题答案</p>
</li>

</ul>
$(".liebiao").click(function(){

$(".list_ul").show();

});
$(".list_ul li").click(function(){

$(this).find(".answer").toggle();

});