問(wèn)題描述

html5怎樣做到點(diǎn)擊列表項(xiàng)，在此項(xiàng)下方顯示問(wèn)題，點(diǎn)擊問(wèn)題，在問(wèn)題下方顯示答案？再次點(diǎn)擊問(wèn)題，隱藏答案。

問(wèn)題解答

用JS來(lái)控制樣式啊 你想做出改變的區(qū)域 如果為顯示狀態(tài) 就改變?yōu)殡[藏 如果是隱藏就改變?yōu)轱@示狀態(tài) 用display:none

<style>.hidden{display:none;}</style><p class='liebiao'>所有問(wèn)題</p><ul class='list_ul hidden'>

<li> <p>問(wèn)題一</p> <p class='answer hidden'>問(wèn)題答案</p></li>

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

$('.list_ul').show();

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

$(this).find('.answer').toggle();

});