Accordion Menu state-saving
Hello,
I have been trying to get this state-saving to work but with no luck.
It does pass along the location.hash, but it does not activate the
menu item as needed.
header code:
$(document).ready(function()
{
$("#sub-menu").accordion({
autoHeight: false,
collapsible: true,
navigation: true
});
$(".mitem").click(function(event){
window.location.hash=this.hash;
});
}
);
menu:
<div id="sub-menu">
<h3><a href="#mini" name="mini" class="mitem">Item</a></h3>
<div>
<h4><a href="#">Sub Item</a></h4>
<ul>
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
</ul>
</div>
<h3><a href="#cadet" name="cadet" class="mitem">Item</a></h3>
<div>
<h4><a href="#">Sub Item</a></h4>
<ul>
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
</ul>
<h4><a href="#">Sub Item</a></h4>
<ul>
<li><a href="#">Sub Item 1</a></li>
<li><a href="#">Sub Item 2</a></li>
</ul>
</div>
</div><!-- /end #sub-menu -->