[solved] Accordeon wrapper start-stop

[lostrisq]

Well.... It looks so simple, but I just cannot get it to work.

Single element accordeon, no problem, works perfectly


But I like to show downloads. So I have multiple downloads elements which each contain quit a lot of pdf files.

I have tried it all:

wrapper start -> multiple downloads elements -> wrapper stop

wrapper start -> downloads element -> wrapper stop
wrapper start -> downloads element -> wrapper stop
etc

wrapper start -> single accordeon element -> multiple downloads elelements -> wrapper stop

But it does not work.

Am i doing something wrong?

[xchs]

But it does not work.

Can you elaborate further? What does not work? Did you enable the "j_accordion" or "moo_accordion" template in the page layout? Any JavaScript errors in the console output?

[lostrisq]

Thanks for replying

It does not work as in it does not work :-) There is no accordeon feature what so ever.
It just shows all the placed elements in between the wrappers.

I have ticked moo_accordeon in the page layout.

(When I use the single element accordeon it works just fine. But then I cannot place whole folders with pdf's as download, have to add them all manually )

In the backend I can see the the content elements placed inside the wrappers (white content elements in gray background from the wrappers start en stop. So that part goes well, I guess

Front end I can see

<section class="ce_accordionStart ce_accordion block">
<div class="toggler active" aria-expanded="true" role="tab" tabindex="0"> </div>
<div class="accordion" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; height: auto; visibility: visible; opacity: 1;" aria-hidden="false" role="tabpanel">
<div>

I do not see a closing tag.

[xchs]

Can you reproduce this in the Contao online demo, too?

[lostrisq]

ahum....

;-D

I know now what I did wrong. I gave the content element a title instead of the wrapper start.
So i created no toggler.

Silly of me I did not look at the demo straight away, comparisson always does the trick.

Thank you for responding so quickly!