コンテンツ 1　始めに任意のdiv内などにスプライを挿入したら2項目できるので、スプライ部分を選択しプロパティパネル→パネル→+で項目を増やして行く。「SpryAssets/SpryAccordion.js」と「SpryAssets/SpryAccordion.css」はホルダーの外にできるので中に入れるなどしてリンクを調整する。

コンテンツ 2 /SpryAccordion.cssという名前のスタイルシートを編集していく。初期表示の「.AccordionPanelTab 」の背景色を0f9（緑に）AccordionPanelOpenと。AccordionPanelTabの背景色を変えてみたりした。スタイルシートにメモあり。

コンテンツ 3/
最初に開いているパネルを1番めじゃなく、変えられる。
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion(" Accordion1", { defaultPanel: 2 });　←0が1番目のパネル
</script>

コンテンツ 4/最初に開いているパネルがない状態にする。 また、デフォルトでは、開いているパネルのタブをクリックしても閉じないが、これを閉じるようにする。 先述の「パネルの高さを固定しない」オプションと併用するには。
スクリプトは下記の通り。
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 10 });
</script>

useFixedPanelHeights: false→これを入れておく事で、パネルの高さを固定せず、内容に合わせて変化させることができる。
defaultPanel: 12→存在しないパネルの番号を入れると、最初から閉じた状態になる。

コンテンツ 5/
「duration」でアニメーションの持続時間をミリセカンドで指定できる。1秒は1000ミリセカンド。数字が大きいと遅く、小さいと速くなる。サンプルは1000で指定
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 12 ,duration: 1000});
</script>

コンテンツ 6/1秒当たりのフレーム数(fps)を変える例。1秒当たりのフレーム数の数(fps = frames per second)を変えることができる。
数値が大きい方がなめらか。

スクリプトは以下の通り。
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 12 ,duration: 1000, fps: 90　});　←カンマ（,）で区切る。
</script>

コンテンツ 7/アニメーションをオフにする時。スクリプトは以下の通り。
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 12 ,enableAnimation: false　});　←カンマ（,）で区切る。
</script>

コンテンツ 8/

コンテンツ 9