首先展示實現效果:
點擊 “其他格式” 的時候動態切換兩個div的顯示狀態:
實現需求:
兩個div,一個div默認狀態下是顯示狀態,另一個div是隱藏狀態,當點擊“其他格式”的時候,動態切換兩個div的顯示狀態。
實現代碼:
HTML:
CSS:
原生javascript:
具體看js的實現思路就可以了。
代碼只是自己思想邏輯的一種具象體現,開始做的時候,還是沒有整理好自己的邏輯,導致浪費了時間解決這種小問題,不過解決了都會轉化爲經驗變成自己的。
主要還是看自己的思想邏輯。