【PHP】jQuery 展開&收合 / accordion / 範例

當我們在寫HTML或是PHP時,需要用到展開收合的功能。

我們運用jQuery的accordion,它真的十分簡潔有力,

不需要大量的函式去執行它。那iZO馬上來教你們吧 !

在<head>間加上

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function(){$("#adv").accordion({collapsible:true,active:false});});
</script>

※collapsible ,false 代表展開。 true 代表關閉。
※active代表是否展開第一個框架,改成 false 代表不展開任何框架。

 

在你的<body>間加上

<div id="adv">
	<h3>進階(選填)</h3>
	<div>	內容1	</div>
	<div>	內容2..	</div>
</div>

 

完成!

 

官方展示: Here