html5 表示 非表示

Question

html5リスト項目をクリックすると項目の下に質問が表示され、質問をクリックすると質問の下に回答が表示されます。質問をもう一度クリックすると、回答が非表示になります。

Answer 1

スタイルを変更したい部分が表示状態の場合は、display:noneを使用して非表示状態に変更します。

Answer 2

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

リーリー

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

リーリー

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

リーリー

});