Hi

Trying to use accordion menu with basic know how

initially with all hide it works well, but when i am trying to make first menu visible remaining hide, it keeps everything open.

following are the html,css,script file contents

can you please guide me

accordion.js

$(document).ready(function() {

/**************************************************************************************************** ****************
SIMPLE ACCORDIAN STYLE MENU FUNCTION
**************************************************************************************************** ****************/
$('div.accordionButton').click(function() {
$('div.accordionContent').slideUp('normal');
$(this).next().slideDown('normal');
});

/**************************************************************************************************** ****************
CLOSES ALL DIVS ON PAGE LOAD
**************************************************************************************************** ****************/
$("div.accordionContent").hide();

});




main.css

.accordionButton {
background: url("../images/project_icon.png") no-repeat scroll left top;
color: #031B40;
float: left;
font: 14px/100% 'Trebuchet MS',Arial,sans-serif;
height: 18px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 500px;
cursorointer;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c8a999;
margin-top: 5px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 6px;
padding-right: 0;
padding-bottom: 0;
padding-left: 36px;


.accordionContent {
color: #4A4A4A;
font: 0.73em/1.5em Verdana,Geneva,sans-serif;
float:left;
width: 530px;
border:1px solid #c8a999;
height:auto;
background:#fceae1;
padding:0;
margin: 0;
}



.html

</nav>
<aside id="content_area">
<section class="lhs">
<figure>

<h1>Projects</h1>
Click on the menu below<br><br>
<div class="accordionButton">Hotels, Auditoriums, Biotech-Pharma, Clubs & Malls</div>
<div class="accordionContent" ice:editable="*">
<div class="gallery">

<ul>
<li>


<div class="accordionButton">Commercial Buildings, Industries</div>

<div class="accordionContent">
<div class="gallery">
<ul>
<li>