Open Up a Specific Element of an Accordian Menu
Hi, I'm having an accordian menu that works just fine. All i want to do is having a side menu that open up a specific accordian element. These are the html and js codes, I'm not sure weather it's possible or not, could somebody help me with this.
$(document).ready(function() {
$('ul#accordion a.heading').click(function() {
$(this).css('outline','none');
if($(this).parent().hasClass('current')) {
$(this).siblings('ul').slideUp('slow',function() {
$(this).parent().removeClass('current');
$.scrollTo('#accordion',1000);
});
} else {
$('ul#accordion li.current ul').slideUp('slow',function() {
$(this).parent().removeClass('current');
});
$(this).siblings('ul').slideToggle('slow',function() {
$(this).parent().toggleClass('current');
});
$.scrollTo('#accordion',1000);
}
return false;
});
});
<a href ="#">Link that open Element 1</a>
<a href ="#">Link that open Element 2</a>
<a href ="#">Link that open Element 3</a>
<ul id="accordion">
<li class="acc1">
<a href="?section=recent" class="heading">Element1</a>
<ul id="recent">
<li>Element Content 1</li>
<ul>
</li>
<li class="acc2">
<a href="?section=popular" class="heading">Element2</a>
<ul id="popular">
<li>Element Content 2</li>
</ul>
</li>
<li class="acc3">
<a href="?section=categories" class="heading">Element 3</a>
<ul id="categories">
<li>Element Content 3</li>
</ul>
</li>
</ul>