Accordions & Toggles

Accordions & Toggles 2013-05-24T20:54:51+00:00

[tagline_box backgroundcolor=”#fff” shadow=”yes” border=”1px” bordercolor=”#e8e6e6″ highlightposition=”top” link=”http://themeforest.net/user/ThemeFusion” linktarget=”” button=”” title=”” description=”Accordions and Toggles are perfect for adding multiple sections of  information with varying content and titles.  Accordions are best to use when you want the reader to only see one section at a time, and toggles are best to use when you want the reader to be able to open multiple sections at a time.”][/tagline_box]

[one_half last=”no”]
[title size=”2″]One Toggle Open At A Time[/title]
[accordian]
[toggle title=”Our Company Mission”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”The Avada Philosophy”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”The Avada Promise”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”We Can Deliver On Projects”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[/accordian]
[/one_half]

[one_half last=”yes”]
[title size=”2″]Multiple Toggles Open At A Time[/title]
[toggle title=”Our Company Mission”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”The Avada Philosophy”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”The Avada Promise”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”We Can Deliver On Projects”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[/one_half]

[separator top=”55″ style=”none”]

[title size=”2″]Specify A Toggle To Open By Default When The Page Loads[/title]
[accordian]
[toggle title=”Our Company Mission” open=”yes”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.[/toggle]
[toggle title=”The Avada Philosophy”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”The Avada Promise”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[toggle title=”We Can Deliver On Projects”]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle]
[/accordian]

[separator top=”55″ style=”none”]

[title size=”2″]Features and Customizations[/title]

[one_half last=”no”]
[checklist icon=”check” iconcolor=”light” circle=”yes”]

  • You can have unlimited accordions on one page
  • Insert images, graphics, or other shortcodes in the text description area

[/checklist]
[/one_half]

[one_half last=”yes”]
[checklist icon=”check” iconcolor=”light” circle=”yes”]

  • You can have unlimited accordion-items within each set
  • You can set a specific toggle to be open by default when the page loads

[/checklist]
[/one_half]