html5 afficher masquer

Question

Comment cliquer sur un élément de liste en HTML5 et afficher la question sous l'élément ? Cliquez sur la question et afficher la réponse sous la question ? Cliquez à nouveau sur la question pour masquer la réponse.

Answer 1

Utilisez JS pour contrôler le style. Si la zone que vous souhaitez modifier est dans l'état affiché, passez-la à l'état masqué, si elle est masquée, passez-la à l'état affiché. Utilisez 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();

});