Shortcode - Accordion

HertzPro theme comes with four types of Accordion. Please check live demo:
http://demo.drupar.com/hertzpro/accordion

Screenshot

Accordion Type 1

Use below sample codes for creating accordion type 1.

<div class="accordion">

<h3 class="accordion-title">Title One</h3>
<div class="accordion-content">Some content....</div>

<h3 class="accordion-title">Title Two</h3>
<div class="accordion-content">Some content....</div>

</div>

Accordion Type 2

Use below sample codes for creating accordion type 2

<div class="accordion2">

<h3 class="accordion-title">Title One</h3>
<div class="accordion-content">Some content....</div>

<h3 class="accordion-title">Title Two</h3>
<div class="accordion-content">Some content....</div>

</div>

Accordion Type 3

Use below sample codes for creating accordion type 3

<div class="accordion3">

<h3 class="accordion-title">Title One</h3>
<div class="accordion-content">Some content....</div>

<h3 class="accordion-title">Title Two</h3>
<div class="accordion-content">Some content....</div>

</div>

Accordion Type 4

Use below sample codes for creating accordion type 4

<div class="accordion4">

<h3 class="accordion-title">Title One</h3>
<div class="accordion-content">Some content....</div>

<h3 class="accordion-title">Title Two</h3>
<div class="accordion-content">Some content....</div>

</div>

Important

When creating accordion, make sure you select Full HTML as Text format.