I'm trying to find a way to set the accordion items side by side. This way you can have three 1/3 page accordions sitting right next to each other.

You can see what I'm trying to do here:

Accordion screenshot

The trouble is that when you click on the first one, the headers for 2 and 3 then are bumped down below.

Open up the second one, the header for 3 is bumped down below.

And of course when you open the third one, all of the headers stay at the top.

Is there maybe a bit of code or a setting change that I can use to make all the headers stay at the top?

Thanks so much for any pointers you can give me.

CommentFileSizeAuthor
#2 accordions.PNG15.93 KBjsimonis
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

jsimonis created an issue. See original summary.

jsimonis’s picture

jsimonis CreditAttribution: jsimonis commented
Issue summary: View changes
FileSize
accordions.PNG15.93 KB
jsimonis’s picture

jsimonis CreditAttribution: jsimonis commented

Any ideas?

Manuel Garcia’s picture

Manuel Garcia CreditAttribution: Manuel Garcia as a volunteer commented

@jsimonis I have never tried doing that personally, as far as pointers, I would try searching on how to do that using "jquery ui accordion" around the net, perhaps you can see what others have tried etc.