duda panel que puede contraerse de DW

[ruben-et]

Buenos dias.
La duda es que si se puede mostrar este elemento cerrado por defecto, es decir que cuando cargue la página solo se muestre el primer nivel del menu y al pulsar sobre el que se desplegue ya el segundo. Por defecto DW muestra abierto el primer conjunto de fichas y no me gusta como queda.
Saludos

[DragonX]

podriamos ver el código fuente que genera DW? así tener una idea de como hacerlo!

[carbalga]

¿Estás usando los SPRYS PANELS?


Saludos

[ruben-et]

Efectivamente estoy utilizando los spry, concretamente "panel que puede contraerse" y ya tengo la solución ya que yo no habia visto una opcion que muestra el seleccionarlo que pone "Mostrar abierto o cerrado". este es mi codigo:

<div id="menu" style=" padding:5px; width:auto;text-align:left; postition:fixed; left:0px; top:300px">
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">tilte1</div>
<div id="CollapsiblePanel2" class="Level2">
<div class="CollapsiblePanelTab" tabindex="0">subtitle1</div>
<ul>
<li>
<div align="left"><a href="#" target="_blank">User guide</a></div>
</li>
<li>
<div align="left"><a href="#" target="_blank">Short guide</a></div>
</li>
</ul>
<div id="CollapsiblePanel3" class="Level3">
<div class="CollapsiblePanelTab" tabindex="0">subtitle2</div>
<ul>
<li><a href="#" target="_blank">User guide</a></li>
<li><a href="#" target="_blank">Short guide</a></li>
</ul>
</div>

<div id="CollapsiblePanel4" class="Level3">
<div class="CollapsiblePanelTab" tabindex="0">subtitle3</div>
<ul>
<li><a href="#" target="_blank">User guide</a></li>
<li><a href="#" target="_blank">Short guide</a></li>
</ul>
</div>
</div>

<div id="CollapsiblePanel5" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">title2</div>
<ul>
<li>
<div align="left" class="Level2"><a href="#" target="_blank">User guide</a></div>
</li>
<li>
<div align="left" class="Level2"><a href="#" target="_blank">Short guide</a></div>
</li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false, enableAnimation:false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false, enableAnimation:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", {contentIsOpen:false, enableAnimation:false});
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", {contentIsOpen:false, enableAnimation:false});
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", {contentIsOpen:false, enableAnimation:false});
var CollapsiblePanel6 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel6", {contentIsOpen:false, enableAnimation:false});

[juanota]

{contentIsOpen:false

en este trozo de código que tienes al final de cada panel, según pongas false o true, se mostrará cerrado o abierto respectivamente.
Espero que te sirva