I see, so the problem is that I was using Bootstrap instead of Foundation.

You solution works Inger; thanks a lot!

BTW, is there any way in which I can increase the number of containers in the accordion ? I saw that in Foundation there is a parameter to determine how many elements you want, but I did not see that parameter in Bootstrap.

Thanks a lot!
Sergio

It is no problem that you're using Bootstrap, but the misunderstandings could have been avoided if you had mentioned the framework in your first post.

To create a new 'dropdown-unit', copy the card element. Then you will have to do changes to the IDs inside the card. Say you duplicate the lowest card, then inside (in the element tree) you will find (in orange text): #headingThree-copy-1 and #collapseThree-copy-1. Change them to just #headingFour and #collapseFour. Further: In the element tree click on the wee purple blob with an a for the 'text-link' and the 'collapse' container and correct where you see a 'Three', change it to 'Four'. The text-link also has to have the actual link edited, double-click on it on the canvas to change another Three to Four.

Thanks a lot!! It was very useful!!