Expand/Collapse: Multiple

Code

{% include excol.html type="all" %}

{% include excol.html type="start" id="one" %}

### Heading 3

{% include excol.html type="middle" %}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus incidunt velit quia quisquam odio, minus, blanditiis molestias deserunt facere consequuntur placeat minima odit ex officia est nemo neque aut provident?

{% include excol.html type="start" id="two" %}

#### Heading 4

{% include excol.html type="middle" %}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et pariatur quam qui deserunt fugiat maxime, eveniet similique aperiam, enim saepe modi in laboriosam reprehenderit optio, repellendus vel iure ut voluptatibus.

{% include excol.html type="end" %}

{% include excol.html type="end" %}

{% include excol.html type="start" id="three" %}

### Heading 3

{% include excol.html type="middle" %}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat fugiat dicta accusantium odit sed, dolorum suscipit deserunt tempore commodi voluptate eos aut odio, quod magni quis corrupti aspernatur iusto consequatur.

{% include excol.html type="start" id="four" %}

#### Heading 4

{% include excol.html type="middle" %}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet quibusdam asperiores excepturi consequatur debitis sapiente, in quisquam explicabo blanditiis rem voluptas tempora esse odit beatae dignissimos quas quo doloremque sint.

{% include excol.html type="end" %}

{% include excol.html type="end" %}

Rendered output

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus incidunt velit quia quisquam odio, minus, blanditiis molestias deserunt facere consequuntur placeat minima odit ex officia est nemo neque aut provident?

Heading 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et pariatur quam qui deserunt fugiat maxime, eveniet similique aperiam, enim saepe modi in laboriosam reprehenderit optio, repellendus vel iure ut voluptatibus.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat fugiat dicta accusantium odit sed, dolorum suscipit deserunt tempore commodi voluptate eos aut odio, quod magni quis corrupti aspernatur iusto consequatur.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet quibusdam asperiores excepturi consequatur debitis sapiente, in quisquam explicabo blanditiis rem voluptas tempora esse odit beatae dignissimos quas quo doloremque sint.

HTML output (DO NOT USE)

<div class="excol-all"  ></div>

<details id="one" ><summary markdown="block">

### Heading 3

</summary>
  <div markdown="block">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus incidunt velit quia quisquam odio, minus, blanditiis molestias deserunt facere consequuntur placeat minima odit ex officia est nemo neque aut provident?

<details id="two" ><summary markdown="block">

#### Heading 4

</summary>
  <div markdown="block">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et pariatur quam qui deserunt fugiat maxime, eveniet similique aperiam, enim saepe modi in laboriosam reprehenderit optio, repellendus vel iure ut voluptatibus.

</div>
</details>

</div>
</details>

<details id="three" ><summary markdown="block">

### Heading 3

</summary>
  <div markdown="block">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat fugiat dicta accusantium odit sed, dolorum suscipit deserunt tempore commodi voluptate eos aut odio, quod magni quis corrupti aspernatur iusto consequatur.

<details id="four" ><summary markdown="block">

#### Heading 4

</summary>
  <div markdown="block">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet quibusdam asperiores excepturi consequatur debitis sapiente, in quisquam explicabo blanditiis rem voluptas tempora esse odit beatae dignissimos quas quo doloremque sint.

</div>
</details>

</div>
</details>