JQuery UI: Unnecessary scrollbar in accordion

Creating an accordion in a page, set it to automatically take the height of the biggest div etc, all fine except I was getting an unwarranted scrollbar in one of the divs.

Initially I tried cancelling this out with:

.ui-accordion .ui-accordion-content{ overflow:visible !important; }

but this caused weird animation problems, with the scrollbar displaying momentarily, before disappearing.

Using:

.ui-accordion .ui-accordion-content{ overflow:hidden !important; }

instead seems to solve the problem.

Leave a Reply

Your email address will not be published. Required fields are marked *