站內搜尋

Thursday, April 30, 2015

[jQuery] 超簡單 作出風琴式收合效果 (jQuery UI Accordion)

jQuery 官網 介紹
相關屬性可看此篇中文介紹
直接看程式碼

jQuery 部分:
$("#mydiv").accordion({   collapsible: true,   active: false });

HTML 部分:
<div id="mydiv">   <h3>點我收合</h3>   <div>內容</div> </div>
是不是很簡單阿~
備註:
collapsible 預設是 false 代表預設展開,改成 true 代表預設關閉。
active 預設是0 代表預設展開第一個 penel,改成 false 代表不展開任何 penel。

No comments:

Post a Comment