Accordeon "open/closed" hack?

General
1

Is there any way to make Accordeon open on desktop and closed on mobile? Maybe some advanced css settings or any hack? :slight_smile:

2

you can create 2 version of accordion that is for desktop and mobile.

3

Hi @Audrius,

We don’t currently offer a way to have the accordions open/close depending on the screen size.
This was previously requested by @Jonas here.

Feel free to add your vote and thoughts to that thread.

Nice idea, @kris!

4

It’s the same as going back 10 years and creating a site for desktop, then for mobile, for tablet etc… One content and a lot of locations to manage it. It’s a solution, but I’d like to avoid it.

5

well there is a way using javascript.

check the id or class of the accordion item you want to open by default.

and on script file just add

if (window.innerWidth < 700) {
    accItem.classList.add('cc-accordion-active');
    accItem.classList.remove('cc-accordion-hidden')
}

where accItem is the actual accordion item you want to open

6

the method is in reverse. so you can just put like >700 then remove hidden class and add active so it will open on larger screen than 700

7

Nice, thank you. :+1: