[jQuery] 超簡單 作出風琴式收合效果 (jQuery UI Accordion)
jQuery 官網 介紹
相關屬性可看此篇中文介紹
直接看程式碼
jQuery 部分:
HTML 部分:
是不是很簡單阿~
備註:
collapsible 預設是 false 代表預設展開,改成 true 代表預設關閉。
active 預設是0 代表預設展開第一個 penel,改成 false 代表不展開任何 penel。
相關屬性可看此篇中文介紹
直接看程式碼
jQuery 部分:
$("#mydiv").accordion({
collapsible: true,
active: false
});
HTML 部分:
<div id="mydiv">
<h3>點我收合</h3>
<div>內容</div>
</div>
是不是很簡單阿~
備註:
collapsible 預設是 false 代表預設展開,改成 true 代表預設關閉。
active 預設是0 代表預設展開第一個 penel,改成 false 代表不展開任何 penel。