已解決430363個問題，去搜搜看，總會有你想問的

點擊同一個按鈕，第一次點擊顯示下拉框，第二次點擊隱藏下拉框，這個功能怎么實現呢？

關注

首頁猿問點擊同一個按鈕，第一次點擊顯示下拉...

JavaScript

海綿寶寶撒 2018-10-19 16:11:42

點擊同一個按鈕，第一次點擊顯示下拉框，第二次點擊隱藏下拉框，這個功能怎么實現呢？我想的是設置一個flag，每次點擊之后，此flag都被改為true或false來實現，不知道是否合理？大家還有更好的辦法嗎？

查看完整描述

1 回答

慕村225694

TA貢獻1880條經驗獲得超4個贊

一般有兩種方案：

直接用toggleClass，這種方案比較適合只有簡單“顯示/隱藏”的場景，操作對象的默認屬性（初始狀態）置為display:none;，然后加個.show{display:block;}的類，然后直接在事件回調里$('#menu').toggleClass('show');就好。
還有種方案是用.data()，即給顯示對象的DOM上加個data-*屬性比如data-show='false'，這樣事件處理時就可以通過類似$('#menu').data('show')的語句判斷狀態執行操作，這種比較適合有比較復雜狀態的場景，而且還有個好處是一般不用擔心多個變量沖突的問題。

反對回復 2018-11-22

關注

舉報

0/150

提交

取消