Ok, I finally figured it out my self.
This is the end solution:
ui theme css modification:
from this:
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em;
padding: .5em .5em .5em 2.2em; }
to this:
.ui-accordion .ui-accordion-header { display: block; font-size: 1em;
padding: .5em .5em .5em 2.2em; }
header code:
$(document).ready(function()
{
$("#sub-menu").accordion({
autoHeight: false,
collapsible: true,
header: '.mitem',
navigation: true
});
$(".mitem").click(function(event){
window.location.hash=this.hash;
});
}
);
menu:
<div id="sub-menu">
<a href="#mini" name="mini" class="mitem">Item</a>
<div>
<h4><a href="somepage.html#mini">Sub Item</a></h4>
</div>
<a href="#cadet" name="cadet" class="mitem">Item</a>
<div>
<h4><a href="someotherpage1.html#cadet">Sub Item 1</
a></h4>
<h4><a href="someotherpage2.html#cadet">Sub Item 2</
a></h4>
</div>
</div><!-- /end #sub-menu -->
--~--~---------~--~----~------------~-------~--~----~
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=en
-~----------~----~----~----~------~----~------~--~---
