scrollbar for jquery accordion

scrollbar for jquery accordion

hi everybody,

i am new to jquery and tried to include a scrollbar into my accordion with changing the autoheight from false to true and in a function. but nothing did work for me. maybe you can help me with that. here the code:

CODE:
  
<!DOCTYPE html>
<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
  
<script>
    
$(document).ready(function(){
      
    activeItem = $("#accordion li:last");
    $(activeItem).addClass('active');
 
    $("#accordion li").click(function(){
      
        $(activeItem).animate({width: "30px"}, {duration:300, queue:false});
        $(this).animate({width: "205px"}, {duration:300, queue:false});
        activeItem = this;
        autoHeight: false;
    });
 
});

</
script>
 
<style type="text/css">
  
#accordion {
list-style: none;
margin: 0;
padding: 0;
height: 88px;
overflow: hidden;
background: #EDEDF1;}
 
#accordion li {
float: left;
border-left:
display: block;
height: 88px;
width: 30px;

overflow: hidden;
color: #000000;
text-decoration: none;
font-size: 12px;
font-family:verdana;
    /*border-left: 1px solid #ededf1;*/

cursor
:pointer;
}
 
#accordion li img {
border: none;
border-right: 1px solid #fff;
float: left;
}
 
#accordion li.active {
width: 205px;
    background: #EDEDF1;
}

</style>

</head>


<

body>
<ul id="accordion">
      <li>
        <strong>Section 1 Header</strong><br/>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
      </li>

     
<li>
        <strong>Section 2 Header</strong><br/>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
      </li>

     
<li>
        <strong>Section 3 Header</strong><br/>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
      </li>
     
  </ul>

</body>
</html>


Thanks a lot :)
Best regards