Can any one tell me whats wrong with this ::
the accordion works if i replace "$(this).next().animate({'height':'toggle'},'2000','easeInElastic'); " with "$(this).next().show(2000);".. Why??
<html>
<head>
<title> Inserting into dom</title>
<script type="text/javascript" src="../jquery.js">
</script>
<script type="text/javascript">
$("document").ready(function (){
$("#accord > div").hide();
$("#accord h4").click(function ()
{
$(this).siblings('div:visible').slideUp('2000');
$(this).next().animate({'height':'toggle'},'2000','easeInElastic');
});
});
</script>
<style>
h4 {
background-color
arkSlateGray;
color:white;
padding:10px;
}
div
{
background-color:lightCyan;
width:200px;
overflow:hidden;
}
</style>
</head>
<body>
<div id="accord">
<h4>one</h4>
<div>sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometex tsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext</div>
<h4>two</h4>
<div>sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometex tsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext</div>
<h4>three</h4>
<div>sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometex tsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext</div>
<h4>four</h4>
<div>sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometex tsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext
sometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsometextsome textsometextsometextsometext</div>
</div>
</body>
</html>
Before you post, read our: 
