教你html怎麼實現展開收起功能？?

今天小編跟大家分享html中的展開收起功能，這個看著效果挺不錯的，其實對於程式碼的實現並不複雜。

工具/原料

html基礎知識

方法/步驟

首先來說說需要的效果，就像大家平時上網看到的那樣，需要點選展開就展開資訊，點選收起就收起資訊。

當然也可以做成，點選一個div隱藏另外一個div的情況。

具體怎麼實現呢？先在桌面上新建一個txt檔案，檔案中寫入如下程式碼：

程式碼大體的邏輯就是通過點選“你可以點選一下試試了”然後進行判斷，然後根據判斷條件決定另外一個div的元素是顯示還是隱藏。

然後隨意取一個名字，儲存字尾名為.html的檔案，然後右鍵開啟方式選擇瀏覽器的方式開啟

然後就可以點選文案“你可以點選一下試試了”檢視具體實現的效果了。