All tabs closed

Hi,

I’m looking at a solution to have all tabs initially closed with the new “Tabs” element. I know there’s an option with the Classic Tabs element (see this thread) but the new Tabs element has a lot more options for styling which I need.

Are there any solutions for this? Custom JS maybe?
Thank you!

Hi Syl,

Thanks for writing in! Regretfully this isn’t a feature offered by the v2 tab. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

But to get you started, the x-active class is added to the tab header and content so you can try writing a script to remove that class to those areas on page load.

Thanks for understanding. Take care!

Ok, thanks for your answer. That seems like an important function missing though.

For anyone interested, I found a workaround by just hiding the first active tab in css:

#tab-3053-19 {
  visibility: hidden;
  position: absolute;
}

Thanks for providing your solution, Syl!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.