how to make accordion content more compact using styling ?
I'm looking for a way to make the accordion content more "compact".
By that I mean that I'd like the content to stick as close possible to the header of each section. For instance a couple of pixels below the widget header would be quite nice.
I'm quite new to jquery and jquery-ui, but from what I understand, the active content is styled as ui-accordion-content (eventually -active if selected).
If tried to override the ui-accordion-content in order to set all margins/paddings to 0 and to make it align on top, however this does not change a thing.
Same thing if I declare a new style and add it to the "section content div" ( mean the div containing the text of the accordion on the jquery ui demo site ) ....
As I'm quite new to css it is probable that there is something that I missed.
So if any of you have already managed to change the positioning of the content inside a section of an accordion, I'd really appreciate some pointers or examples.