Toggles

Toggled content section with slide animation

Vivamus elementum porta massa sit amet lobortis. Nunc laoreet urna risus, ac molestie risus. Maecenas pharetra blandit euismod. Proin nec tincidunt est. Curabitur tristique dolor quis libero ultrices convallis faucibus nibh fringilla. Curabitur in tincidunt leo. Fusce sollicitudin ultrices enim ut convallis.

Toggled content section with fade animation

Vivamus elementum porta massa sit amet lobortis. Nunc laoreet urna risus, ac molestie risus. Maecenas pharetra blandit euismod. Proin nec tincidunt est. Curabitur tristique dolor quis libero ultrices convallis faucibus nibh fringilla. Curabitur in tincidunt leo. Fusce sollicitudin ultrices enim ut convallis.

Toggled content section with no animation

Vivamus elementum porta massa sit amet lobortis. Nunc laoreet urna risus, ac molestie risus. Maecenas pharetra blandit euismod. Proin nec tincidunt est. Curabitur tristique dolor quis libero ultrices convallis faucibus nibh fringilla. Curabitur in tincidunt leo. Fusce sollicitudin ultrices enim ut convallis.

Shortcode: [toggle] Your toggleable content [/toggle]

Enables you to create content which you can show/hide by clicking on its title

Required Parameters
  • title ( default: none )
    The title of the toggleable section. The users will need to click this text to toggle the section
Optional Parameters
  • default ( default: closed )
    The default state of the toggleable section
    Possible Values:
    • open
    • closed ( default )
  • effect ( default: slide )
    The effect to use when toggling the section
    Possible Values:
    • slide ( default ) - The content will open and close using a sliding effect
    • fade - The content will fade in and out when it is opened/closed
    • none - No effect will be applied to the showing and hiding of content