Toggle within toggle

[deaconpt]

Hello,
I am having problems with the toggle element.
I wanted to create something similar to this:

Main toggle
> sub toggle 1
> sub toggle 2
> sub toggle 3

But I couldn’t do it properly. Please check the attached image please. What am I doing wrong?

Thank you.

[Swift Ideas – Ed]

Hi there,

This isn’t supported as standard. You’d be better off trying to have an accordion within a toggle.

– Ed

[deaconpt]

This reply has been marked as private.

[Cosmin – SUPPORT]

Hi,

Accordions don’t have tabs, that won’t work. Have you tried Ed’s suggestion?

Tried to access that link, but it won’t load…

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[deaconpt]

Hello,

I figure out a solution for our needs.

But I still have  a question regarding the accordion element. I was able to change the default background colour, but I can’t find a way to change the colour when the accordion is on the active state.

Do you have any idea how to do it?

Thank you.

[Cosmin – SUPPORT]

Custom CSS:

.wpb_accordion h3.ui-accordion-header:hover a, .wpb_content_element .ui-widget-header li:hover a {
  background: #FFCC00 !important;
  color: #000 !important;
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[deaconpt]

Hello,

That didn’t help, that’s only when it’s on ‘hover’ state.

I need when the  ‘accordion’  is open. (see attached img)

[Cosmin – SUPPORT]

Ah, sorry, misunderstood.

Try this instead:

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .wpb_accordion .wpb_accordion_section > h3.ui-state-active a {
  background: #FFCC00 !important;
}

Regards,
————————————————————————————————————

Cosmin
Support Assistant