文章詳情頁
javascript - html5顯示隱藏
瀏覽:117日期: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. mysql數據庫做關聯一般用id還是用戶名2. linux運維 - python遠程控制windows如何實現3. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙4. python小白 關于類里面的方法獲取變量失敗的問題5. python - 如何對列表中的列表進行頻率統計?6. javascript - 如何用最快的速度C#或Python開發一個桌面應用程序來訪問我的網站?7. Python2中code.co_kwonlyargcount的等效寫法8. django - Python error: [Errno 99] Cannot assign requested address9. python小白,關于函數問題10. 求救一下,用新版的phpstudy,數據庫過段時間會消失是什么情況?
排行榜
