文章詳情頁
javascript - html5顯示隱藏
瀏覽:114日期: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. html - 微信瀏覽器h5<video>標簽問題2. angular.js - angularjs如何傳遞id給另一個視圖 根據id獲取json數據?3. 解決Android webview設置cookie和cookie丟失的問題4. javascript - setIndex的作用5. python - 我想把下面代碼中的多余空白行去除該怎么做,如何用正則實現6. android - Windows系統下運行react-native App時,報下面的錯誤?7. 黑客 - Python模塊安全權限8. python - tweepy 庫 連接Twitter API 報錯9. android 微信是如何實現即時更新好友頭像的10. node.js - 為什么微信的消息MsgId出現重復了,無法排重了。。
排行榜
