パネルのデフォルト状態の設定
デフォルトでは、Web ページがブラウザにロードされるとき、折りたたみパネル Widget は開いています。 ただし、ページがロードされるときにパネルを閉じた状態にする場合は、パネルの状態を変更できます。
次のように、コンストラクタで contentIsOpen オプションを設定します。
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", { contentIsOpen: false });
</script>
isOpen 関数を使用してパネルの状態を確認することもできます。 次のコードを実行すると、パネルが開いている場合は true、開いていない場合は false が返されます。
<script type="text/javascript">
function getStatus(){
var xx = CollapsiblePanel1.isOpen();
document.form1.textfield.value = xx
}
</script>
</head>
<body>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabIndex="0" onclick="getStatus();">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
</div>
<form id="form1" name="form1" method="post" action="">
<input name="textfield" type="text" id="textfield" value="a" size="50" />
</form>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
//-->
</script>