When the accordion first loads all of the menus are *open* and then
closed quickly causing a flash and the page resizes given that I have
dynamic sizing turned on. Certainly if the menu I'm working with or
the hosting company was faster, the effect would be less noticeable.
Wondering if there are any ways around this.
I'm using JQuery 1.3.2 with UI 1.7.2 and have tested Firefox 3.5.5 and
IE8.
Here's a snippet from my page:
<script type="text/javascript">$(function() { $("#menu").accordion
({ event: "mouseover", header: "dt", autoHeight: false, active:
".open" });});</script>
<div id="menu">
<dl class="first"><dt>Header</dt></dl>
<dl>
<dt class=""><a href="menu1.html">Menu 1</a></dt>
<dd>
<ul>
<li ><a href="item1.html">Item 1</a></li>
<li ><a href="item2.html">Item 2</a></li>
<li ><a href="item3.html">Item 3</a></li>
</ul>
</dd>
</dl>
<dl>
<dt class="open"><a href="menu2.html">Menu 2</a></dt>
<dd>
<ul>
<li ><a href="item1.html">Item 1</a></li>
<li ><a href="item2.html">Item 2</a></li>
<li ><a href="item3.html">Item 3</a></li>
</ul>
</dd>
</dl>
</div>
If I add this CSS: #menu dd { display: none; } the problem is
corrected, but the accordion stops working completely.
If I add a class to each <dd>, such as <dd class="hidden"> and then
this CSS: .hidden {display:none;}, this solves the problem, but the
one that should be open when the page loads (as designated by <dt
class="open">) isn't loaded open. I can do a hack such that the server
side code doesn't add the hidden class to the one that should be
opened, but that feels like an ugly hack.
Wondering if there are any good ways to solve this.
Thanks in advance,
-peter
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=.
