jquery点击按钮DIV隐藏
时间: 2023-08-05 11:06:52 浏览: 52
在使用jQuery实现点击按钮隐藏DIV的功能时,可以使用以下代码:
```javascript
$(document).ready(function(){
$("#wsView").click(function() {
$("#secondMenu").toggle('slow');
});
});
```
这段代码中,`#wsView`是要点击的按钮的ID,`#secondMenu`是要隐藏或显示的DIV的ID。当按钮被点击时,`toggle('slow')`函数会切换`#secondMenu`的显示与隐藏状态,动画效果为慢速。这样就可以实现点击按钮隐藏DIV的功能。\[2\]
#### 引用[.reference_title]
- *1* [用JQuery实现点击按钮来显示/隐藏某个div](https://blog.csdn.net/jal517486222/article/details/83586810)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [jquery实现div的隐藏和显示](https://blog.csdn.net/ckyue1219/article/details/122695942)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [jQuery点击空白处隐藏弹出层](https://blog.csdn.net/yzllz001/article/details/73608590)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]