Accordion 

<div class="accordion" data-module="accordion">
    <div class="accordion__section js-section">
        <span class="accordion__toggle"></span>
        <div class="accordion__title js-title">item 1 title </div>
        <div class="accordion__content js-content">
            <div class="richtext ">
                <p><strong>a piece of bold text here</strong> and some more lorem ipsum and <em>a piece of italic text here</em></p>
            </div>
        </div>
    </div>
    <div class="accordion__section js-section">
        <span class="accordion__toggle"></span>
        <div class="accordion__title js-title">item 2 title </div>
        <div class="accordion__content js-content">
            <div class="richtext ">
                <p><strong> a piece of bold text here</strong> and some more lorem ipsum and <em>a piece of italic text here</em></p>
            </div>
        </div>
    </div>
    <div class="accordion__section js-section">
        <span class="accordion__toggle"></span>
        <div class="accordion__title js-title">item 3 title </div>
        <div class="accordion__content js-content">
            <div class="richtext ">
                <p><strong> a piece of bold text here</strong> and some more lorem ipsum and <em>a piece of italic text here</em></p>
            </div>
        </div>
    </div>
</div>
 
<div class="accordion" data-module="accordion">
    {{#each items}}
        <div class="accordion__section js-section">
            <span class="accordion__toggle"></span>
            <div class="accordion__title js-title">{{#if title}}{{title}}{{else}}&nbsp;{{/if}} </div>
            <div class="accordion__content js-content">{{> @cp-text-richtext}}</div>
        </div>
    {{/each}}
</div>
 
{
  "items": [
    {
      "title": "item 1 title",
      "content": "<p><strong>a piece of bold text here</strong> and some more lorem ipsum and <em>a piece of italic text here</em></p>"
    },
    {
      "title": "item 2 title",
      "content": "<p><strong> a piece of bold text here</strong> and some more lorem ipsum and <em>a piece of italic text here</em></p>"
    },
    {
      "title": "item 3 title",
      "content": "<p><strong> a piece of bold text here</strong> and some more lorem ipsum and <em>a piece of italic text here</em></p>"
    }
  ]
}

There are no notes for this item.