文章詳情頁
javascript - html5顯示隱藏
瀏覽:142日期:2023-05-10 08:13:24
問題描述
html5怎樣做到點擊列表項,在此項下方顯示問題,點擊問題,在問題下方顯示答案?再次點擊問題,隱藏答案。
問題解答
回答1:用JS來控制樣式啊 你想做出改變的區域 如果為顯示狀態 就改變為隱藏 如果是隱藏就改變為顯示狀態 用display:none
回答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();
});
標簽:
JavaScript
相關文章:
1. bootstrp是col-md-12列的,只有col-md-10有內容,可以讓沒有內容的不占據位置嗎;2. java - 如何用圖畫的方式有效地表示多線程?3. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙4. python - Fiddler+Android模擬器抓取app,json數據被加密了,如何解析?5. windows C++ 一般使用什么技術調用Webservice接口6. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!7. javascript - 小程序中遇到js執行時序問題8. html5 - 剛接觸H5,為什么我覺得很多標簽都沒什么用呢?9. html5 - 現在前端設備和網速都提高了,為什么要用服務器端渲染?10. MySQL中無法修改字段名的疑問
排行榜
