jQuery Accordion - Click on the headers not working
Hi,
I am new to jQuery and trying to implement accordion layout on my page.
I have used jQueryUI accordion layout , though i m getting the accordion layout but click on the headers is not working.
Whenever I click the header neither anything is collapsing nor opening.
my header section contains following library
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
My code to implement accordion is
$("#accordion").accordion({
header:"h3"
});
The html part is
<div id="accordion">
<h3><a href="#" class="chk1" >Sec 1</a></h3>
<div>Sce1content</div>
<h3><a href="#" class="chk2" >Sec 2</a></h3>
<div >Sec2 content</div>
<h3><a href="#" class="chk3" >Sec 3</a></h3>
<div>Sec3 content</div>
</div>
Please help me with this as i already spent much time and got no solution.