文章詳情頁
javascript - html5顯示隱藏
瀏覽:135日期: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. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?2. 大家好,請問在python腳本中怎么用virtualenv激活指定的環境?3. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?4. javascript - 關于audio標簽暫停的問題5. android - QQ物聯,視頻通話6. Matlab和Python編程相似嗎,有兩種都學過的人可以說說嗎7. javascript - 微信小程序封裝定位問題(封裝異步并可能多次請求)8. javascript - Web微信聊天輸入框解決方案9. mysql - 怎么讓 SELECT 1+null 等于 110. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應
排行榜
