iT邦幫忙

0

javascript收合選單

不好意思我想問一下這種選單如果我要點其他按鈕選單會自動收合的話,要怎麼寫,有高手能指導一下嗎
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_dropdown

froce iT邦大師 1 級 ‧ 2018-10-05 17:34:42 檢舉
人家code都給你了,研究一下w3school的code好嗎?
froce iT邦大師 1 級 ‧ 2018-10-05 17:38:23 檢舉
喔,你是要點其他項目自動收合,給個class然後像下面這篇處理就好
https://stackoverflow.com/questions/11703241/does-css-have-a-blur-selector-pseudo-class
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
froce
iT邦大師 1 級 ‧ 2018-10-05 19:59:55

https://jsbin.com/taxazufusa/edit?html,console,output

剛剛發現jsbin存的是寫到一半的...已更新。

我想了一下,所以是你想讓按其他按鈕的時候focus,讓JS控制的選單收起來?我剛試了一下好像不可行,JS改寫的是從文本裡的style去改,focus 加上後面的classname無法蓋掉html改寫的style,不過我剛查了一下語法JS好像要修改CSS,好像只有.classname和.style,我在研究看看。
https://www.w3schools.com/code/tryit.asp?filename=FVXZ4IUACG2M

froce iT邦大師 1 級 ‧ 2018-10-06 11:46:55 檢舉

如果一定要用w3school的範例的話,僅改動JS:
https://www.w3schools.com/code/tryit.asp?filename=FVYCT2P43U0D

反正就是在click事件中,先讓".dropdown-container"看不見就行了。

我個人比較喜歡我上面寫的那種,ul較具tag意義,而且更簡潔。

我要發表回答

立即登入回答