accordion problem, please help me!
Hello,
I'm developing a website and added an accordion section to the homepage, so far it works pretty good,
I am just having a little problem,all of the links are closed by default I will like to know how can I get
to have the first one opened by default.
this is the link while I'm still developing:
http://www.constantbeta.info/index13.html
the content appears in a div class="content" , So like I said I will like the first one to be opened by default and to have always one category opened, not allowing the user to collapse all sections. Any help will be much appreciated, thanks!
<script type="text/javascript">
$(document).ready(function(){
$(".content").hide();
$("a h1").click(function(){
if($(this).is(".active")) {
$(this).toggleClass("active");
$(this).parent().next(".content").slideToggle();
return false;
} else {
$(".content:visible").slideUp("slow"); // close all visible divs with the class of .content
$("h1.active").removeClass("active"); // remove the class active from all h1's with the class of .active
$(this).toggleClass("active");
$(this).parent().next(".content").slideToggle();
return false;
}
});
});
</script>