文章詳情頁
javascript - html5顯示隱藏
瀏覽:154日期: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. javascript - vue提示語法錯誤,請問錯誤在哪?2. css3 - border-bottom 的長度可否超過盒子的寬度呢?實現如下圖效果。(我的書下面的線)3. 淺談vue生命周期共有幾個階段?分別是什么?4. index.php錯誤,求指點5. java - web端百度網盤的一個操作為什么要分兩次請求服務器, 有什么好處嗎6. javascript - vue.js如何遞歸渲染組件.7. css - 移動端 oppo 手機之 Border-radius8. css - 關于偽類背景問題9. html - JavaScript的Dom操作如何改變子元素的文本內容10. javascript - 為什么我的animation-fill-mode 設置不生效
排行榜
