javascript - html5显示隐藏

问题描述

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

问题解答

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

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

});