jazz__man
asked on
Custom JQuery accordion - need help setting first item to be open by default.
Hi,
Found the following accordion example online, works great however I want it to be open at the first item by default. How can I modify code below to allow first item to be open?
<script language="javascript" type="text/javascript">
$(document).ready(function () {
//ACCORDION BUTTON ACTION
$('div.accordionButton').o n('click', function () {
$('div.accordionContent'). slideUp('n ormal');
$(this).next().slideDown(' normal');
});
//HIDE THE DIVS ON PAGE LOAD
$("div.accordionContent"). hide();
});
</script>
<div id="acc-wrapper">
<div class="accordionButton">It em1</div>
<div class="accordionContent">C ontent 1<br /><br /><br /><br /><br /><br /><br /><br />Long Example</div>
<div class="accordionButton">It em2</div>
<div class="accordionContent">C ontent 2<br /><br /><br /><br /><br />Medium Example</div>
<div class="accordionButton">It em3</div>
<div class="accordionContent">C ontent 1<br />Short Example</div>
<div class="accordionButton">It em4</div>
<div class="accordionContent">C ontent 4<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Extra Long Example</div>
</div>
Found the following accordion example online, works great however I want it to be open at the first item by default. How can I modify code below to allow first item to be open?
<script language="javascript" type="text/javascript">
$(document).ready(function
//ACCORDION BUTTON ACTION
$('div.accordionButton').o
$('div.accordionContent').
$(this).next().slideDown('
});
//HIDE THE DIVS ON PAGE LOAD
$("div.accordionContent").
});
</script>
<div id="acc-wrapper">
<div class="accordionButton">It
<div class="accordionContent">C
<div class="accordionButton">It
<div class="accordionContent">C
<div class="accordionButton">It
<div class="accordionContent">C
<div class="accordionButton">It
<div class="accordionContent">C
</div>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.