Toggles

Toggle This Section

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.

Toggle This Section

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.

Toggle This Section

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.

 

Toggle [toggle]

Creates a toggleable content area

Parameters

  • margin

    Enables you to add margins to the element
    Default: normal

    Possible Values

    • small
      Add a margin of 22px below the line
    • normal
      Add a margin of 44px below the line
    • large
      Add a margin of 66px below the line
    • css value
      If you would like to add a margin to the element use the following notation: 11px 20px 8px 9px. The element will have a 11px top margin, a 20px right margin, an 8px bottom margin and a 9px left margin.
  • title

    The title of the section, users can also click this to toggle the section
    Default: Toggle This Section

    Possible Values

    • text
      Any text can be used here
  • style

    Add custom styles to this element

    Possible Values

    • css rules
      Add any css rules as if you were adding them inline. To add a border and a margin for example you could write: "margin-bottom:10px; border:1px solid white"
  • title_level

    The heading level of the section title
    Default: 3

    Possible Values

    • heading_level
      You can use any CSS heading level, enter 1-6 here to use the one you need
  • default

    The default state of the section
    Default: open

    Possible Values

    • open
      The section will start out opened
    • closed
      The section will start out closed
  • animation

    The animation used when the slider is toggled
    Default: slide

    Possible Values

    • none
      No animation will be used
    • slide
      A sliding animation will be used
  • animation_speed

    The speed of the toggle animation
    Default: 500

    Possible Values

    • miliseconds
      The amount of time you'd like each item to be shown, in miliseconds