html5 anzeigen ausblenden

Question

Wie klicke ich in HTML5 auf ein Listenelement und zeige die Frage unter dem Element an? Klicken Sie auf die Frage und zeigen Sie die Antwort unter der Frage an? Klicken Sie erneut auf die Frage, um die Antwort auszublenden.

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();

});