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.