[jQuery] Accordion Active 2 -trouble with selector in javascript function
function activities(obj)
{
$(document).ready(function() {
$('.ui-accordion-container').accordion('option', 'active', 3);
});
}
<div>
<input name="Submit" type="submit" value="Activities >>"
onclick="activities(this)" />
</div>
<ul id="acc1" class="ui-accordion-container">
<li>
<div class="ui-accordion-left"></div>
<a class="ui-accordion-link acc1">Personal Info</a><!---1st bar--->
<div>
<ul class="ui-accordion-container" id="acc2">
<li style="margin-left:10px;">
<div class="ui-accordion-left"></div>
<a class="ui-accordion-link acc2" id="name">Your Name</a><!---1st
sub-bar--->
<div style="margin-left:10px;" id="piData" >
first<br />
Middle<br />
last<br />
</div>
</li>
<li style="margin-left:10px;">
<div class="ui-accordion-left"></div>
<a class="ui-accordion-link acc2" id="contactInfo">Contact
Information</a><!---2nd sub-bar--->
<div>
Phone<br />
Address<br />
Email<br />
</div>
</li>
</ul>
</div>
</li>
</ul>
I have several headers such as the one provided Personal Info: I want
a button that calls function activities(). In function activities I
want to set the active header to open. Not sure what to pass in the
onClick(). Do I pass onClick="activities(document.IDofAccordion)" ?
How do I define the parameter passed in? is it
function activites(obj)?
Tried several things having trouble. I do hope I have provided the
correct info to help me. Thx.