DMXzone Accordion Support Product Page


Having trouble getting auto height, fill space, animation options to work properly

Asked 23 Mar 2013 15:03:49
have this question
23 Mar 2013 15:03:49 Jonathan Frey posted:
Hello, I'm having trouble getting some of the advanced options to work. Toggling autoHeight and fillSpace seems to have no effect, though Collapsible/Initially Collapsed function fine. At any setting, the section heights all correspond to the height of the first one. Similarly, changes in animation style have no effect.

Here's an example page made under these conditions:

Awesome extension, though!


Replied 23 Mar 2013 17:58:39
23 Mar 2013 17:58:39 Jonathan Frey replied:

I added the following CSS Rule (from here:

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {  
    height: 100% !important;  

Doing so went a long way in getting the section heights to correspond to the lengths of their respective content, but now the animation effects are fragmented and slow. (Also, the accordion seems to spill over out of its container when opened. This in itself isn't really a problem for me; just thought I'd point it out in case it's relevant).
Replied 25 Mar 2013 07:34:45
25 Mar 2013 07:34:45 Vulcho Vulev replied:
Hello Jonathan.

Currently you had added css styling rule to the accordion which overwrites the rules of the accordion and is causing the issue.

Please go to line 15 in your test_10.css file and remove the following property from the rule:

div#dmxAccordion1 {
    border: 1px solid black;
    height: 500px;
    width: 500px;

Should become:

div#dmxAccordion1 {
    border: 1px solid black;
    width: 500px;

Replied 26 Mar 2013 02:51:58
26 Mar 2013 02:51:58 Jonathan Frey replied:
Thanks very much, Vulcho. Eliminating that property removes any scrollbars, but my primary concern at this point is that the sliding animation seems broken (at least on my end). That is to say, when a section header is clicked (or hovered over), the section simply jumps to an almost completely open postion, rather than sliding there.

Also, changing the values of autoHeight and fillSpace seems to make no difference, although that in itself is fine for me since the accordion currently displays the way I want it to in terms of height and space. But I thought I'd mention it just in case it provides any clues as to why the animation is behaving the way it is.

Thanks again for your help!
Replied 07 Aug 2013 12:02:55
07 Aug 2013 12:02:55 Greta Garberini replied:
I would like to open the "Detailinformationen" without a scrollbar on the right side, meaning it should display the whole content without scroller. Is this possible?

Reply to this topic