html5 show hide
扔个三星炸死你
扔个三星炸死你 2017-06-28 09:22:14
0
2
843

html5How to click on a list item, the question will be displayed below the item, click on the question, and the answer will be displayed below the question? Click the question again to hide the answer.

扔个三星炸死你
扔个三星炸死你

reply all(2)
我想大声告诉你

Use JS to control the style. If the area you want to change is in the displayed state, change it to the hidden state. If it is hidden, change it to the displayed state. Use display:none

学习ing

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

});

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template