Easy Expand jQuery 實際執行畫面

現在的折疊式選單大部分都只能夠在一個時間開啟一個項目，如果使用者或者是您的客戶們希望能夠同一時間看到多個選項，那這一個折疊式選單套件就非常適合你了。Easy Expand jQuery 主要用於同一頁面上輕鬆快速創建多個折疊式面板。可以同時開啟或關閉所有的面板也能夠個別開關。

使用方法：
第一步 先載入程式所需要的檔案
//Easy Expand jQuery 的 CSS 樣式表設計
<link rel="stylesheet" type="text/css" href=/css/style.css" />
//使用Google ajax API 直接連結 jQuery 1.8.2的min版本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
//Easy Expand jQuery 的主程式碼
<script type="text/javascript" src="/js/jquery-easyexpand.js"></script>

第二步 在HTML部分建立選單內容
<div class="outer-container">
  <div class="button-container">
    <h2>選單文字<h2>
  </div>
  <div class="content-container">
    <p>內容文字</p>
  </div>
</div>

第三步 加入 JavaScript 的程式碼片段
$(function() {
  $('.content-container').easyexpand();
});

附上程式可修改參數

參數	預設	說明
startClosed	true	頁面開啟時是否為關閉
outerContainer	'outer-container'	內容的樣式
buttonContainer	'button-container'	按鈕的樣式
buttonClass	'easyexpand'	按鈕展開的樣式
duration	200	開關的動畫速度
easing	'swing'	動畫的方式

可使用以下方式在執行後做其他動作
$('.content-container').easyexpand({
     /*參數*/
 },function(){
     /*回調函式*/
});
作者網站：http://portfolio.neilgirardi.com/portfolio/jqueryplugin
檔案大小：506 KB(包含範例)
檔案下載：http://test.neilgirardi.com/portfolio/common_elements/portfolio_sites/jqueryplugin/download/download.php?file=jquery.easyexpand.zip
檔案備份：下載