# jetformbuilder/3.6.6/modules/framework/vue-ui/components/collapse.php

JetFormBuilder — Dynamic Blocks Form Builder, version 3.6.6. 15 lines.

- Page: https://pluginprobe.com/plugins/jetformbuilder/3.6.6/code/modules/framework/vue-ui/components/collapse.php
- Raw: https://pluginprobe.com/plugins/jetformbuilder/3.6.6/raw/modules/framework/vue-ui/components/collapse.php
- Modified: 2023-11-20T11:46:54+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/jetformbuilder/3.6.6/code/modules/framework/vue-ui/components/collapse.php#L10-L20`.

```php
<div
	:class="{ 'cx-vui-collapse': true, 'cx-vui-collapse--collapsed': 'collapsed' === this.state }"
	v-if="isVisible()"
>
	<div
		class="cx-vui-collapse__heading"
		@click="switchState"
	>
		<span :class="[ 'cx-vui-collapse__heading-icon', 'dashicons', this.iconArrow ]"></span>
		<slot name="title"></slot>
	</div>
	<div class="cx-vui-collapse__content">
		<slot name="content"></slot>
	</div>
</div>
```