<script type="text/javascript">
$(document).ready(function(){
   $("ul.accUl").hide();
   //das zweite element ist aufgeklappt
   $("ul.accUl").eq(1).show();

   $("h4.accUl").click(function() {
      $(this).next("ul").slideToggle("slow")
      .siblings("ul").slideUp("slow");
   });
});
</script>

// oberste zeile (fix)
h4.accUl_top {
   border: solid 1px #133;
   background: #244;
   padding: 2px;
   margin: 0px;
   width: 230px;
   color: white;
}

h4.accUl {
   border: solid 1px #688;
   background: #8bb;
   padding: 2px;
   margin: 0px;
   width: 230px;
   color: #333;
}

h4.accUl:hover {
   background: #488;
}

ul.accUl {
   list-style-type: none;
   margin: 0px;
   padding: 2px;
   border: solid 1px #acc;
   border-bottom: none;
   background: #bdd;
   width: 230px;
}