Version:
Cohesiondx.com

    Classes used by accordion tabs elements

    The accordion tabs elements have a number of classes that can be used to target and style specific aspects of your accordion or tabs device. You should only use these if you understand the impact of doing so.

    Interactive classes

    • .is-active - Plugin class added to the active tab and accordion title, which also instigates the expand/collapse behavior. There is no in-active class - ‘is-active’ is simply toggled on and off
    • .is-disabled - Plugin class added to the tab if it is disabled.

    Container classes

    • .coh-accordion-tabs-display-accordion - Class applied to container when in accordion mode
    • .coh-accordion-tabs-display-tabs - Class applied to container when in tabs mode
    • .coh-accordion-tabs - Outer container <div> for the accordion tabs container
    • .coh-accordion-tabs-inner - Inner container <div> for the accordion tabs container
    • .coh-accordion-tabs-nav - Class added to list <ul> that contains tab links. Only displayed in tab mode
    • .coh-accordion-tabs-content-wrapper - Class added to container <div> that surrounds accordion title and content. Displayed in both accordion and tab modes
    • .coh-accordion-title - Class added to title element of accordion content. Only displayed in accordion mode
    • .coh-accordion-tabs-content - Class added to container <div> that surrounds accordion content. Displayed in both accordion and tab modes.
    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket