Option opened by default in a vertical multilevel sliding menu
I am trying to work out a vertical multilevel sliding menu. I started using the UI accordion but I just discovered this code in an old post that works fine:
- $(function() {
$('#accordion ul').hide();
$('#accordion li:has(ul)').children('a').click(function(event) {
$(this).next().slideToggle();
$('ul',$(this).parent().siblings()).slideUp();
event.stopPropagation();
});
});
The HTML is:
- <ul id="accordion">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a>
<ul>
<li><a href="#">Sub Item 1</a>
<ul>
<li><a href="#">Sub_sub Item A</a></li>
<li><a href="#">Sub_sub Item B</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2</a></li>
<li><a href="#">Sub Item 3</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
How can I do it so one of the 4 main options is opened by default (for example "Item 2")?
Thanks in advance