Menu icon Foundation
horizontal accordion?

Question about accordions.
I was wondering if there is a method to make the accordion work "Horizontally" instead of the basic "Vertical" way?
something like what's in the image

Preview 1

accordion

Question about accordions.
I was wondering if there is a method to make the accordion work "Horizontally" instead of the basic "Vertical" way?
something like what's in the image

Preview 1
Rafi Benkual almost 4 years ago

I tried to hack something together real quick: http://codepen.io/rafibomb/pen/ByEPJP (it needs some tweaking)

The accordion component is not made for this.

Here are some specific horizontal accordions:
http://codepen.io/rrenula/pen/DGrhf
http://codepen.io/iftekhar/pen/BswqJ
http://codepen.io/jaycode/pen/smvBa

ReynBargz 18 days ago

I know this is an old post but i also been looking for a horizontal accordion. What i did is i just use flex. 

.accordion {
    display: flex;
}
.accordion li {
    dsplay:flex;
}
 

ReynBargz 18 days ago

I know this is an old post but i also been looking for a horizontal accordion. What i did is i just use flex. 

.accordion {
    display: flex;
}
.accordion li {
    dsplay:flex;
}