文章詳情頁
javascript - html5顯示隱藏
瀏覽:133日期: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. objective-c - ios百度地圖定位問題2. javascript - 求助這種功能有什么好點的插件?3. 微信開放平臺 - Android調用微信分享不顯示4. javascript - 關于這組數據如何實現 按字母列表分類展示 不改動數據結構5. javascript - 寫移動端的頁面的時候,有不一快空白,是怎么回事?6. html5 - rudy編譯sass的時候有中文報錯7. javascript - 關于定時器 與 防止連續點擊 問題8. javascript - ie11以下單擊打開不了file,雙擊可以。求解?9. javascript - 在IE中(9+)平時的樣式不生效,只有用開發者工具選中這個元素才生效,是什么原因?10. Python做掃描,發包速度實在是太慢了,有優化的方案嗎?
排行榜
