Question

I have a vertical accordion which opens perfectly fine when starting to open the accorion from the top down but if you pick one of the options in the middle of the accordion 1st then it does not open correctly.

Oddly, if I open the 1st option then collapse it I can open any other option with no issue.

I’m not sure I’ve explained this too well so here’s a fiddle showing the issue, occurs in both Chrome & IE8: http://jsfiddle.net/gstubbenhagen/JyFRC/

Any help would be much appreciated

Answer 1

Do you really need the whole UI library for just an accordion?

Demo without the jQuery.UI

$('#accordion > h2').click(function(){
   var el = $(this).next('.pane');
    el.is(':hidden') ? ($('.pane').slideUp(), el.slideDown()) : $('.pane').slideUp();
});