.accordion proves to be an easy and interesting vertical menu

.accordion proves to be an easy and interesting vertical menu

  2. script>
  3. $(function() {
  4. $( "#directory" ).accordion({
  5. event: "mouseover",
  6. collapsible: true,
  7. autoheight: false,
  8. active: false
  9. });
  10. });
  11. </script>
I wanted the accordion collapsed initially, expanding on mouse over, and this works fairly well.
I also went into the CSS and removed the padding for: 
  1. .ui-accordion .ui-accordion-header a
Now, the reason, I'm here now, is that  on mouse out, I'd like for the active content to collapse. The toggle effect isn't quite as fluid as I'd like it to be.  My knowledge in jQuery and Javascript is limited to what can fit into a thimble. Can anyone provide some ideas on how to disable the toggling, and collapse on mouse out as I go from header to header? I guess the real problem is that this can't activate another content box until it collapses the one that's currently active. As it blurs one header and focuses on the other, I would imagine it should collapse one and expand the other. That would make this a truly useful alternative for a vertical menu.