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

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

JavaScript

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

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

查看完整描述

1 回答

慕村225694

TA貢獻1880條經(jīng)驗獲得超4個贊

一般有兩種方案：

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