ds-accordions

ds-accordions.jsは、jQueryを必要としないアコーディオン機能のライブラリです。

https://github.com/dsflon/ds-accordion

Default


let DsAccordions = new DsAccordions(".accordion");


<div class="accordion">
	<button class="accordion_btn">Button</button>
	<div class="accordion_detail">
		<div class="inner">text text</div>
	</div>
</div>
text text text text text text text text
text text text text text text text text

Option


let DsAccordions2 = new DsAccordions(
	".accordion2",
	{
		toggleSpeed: 200,
		btnElm: "dt",
		detailElm: "dd"
	}
);

Opened

Button
text text text text text text text text
text text text text text text text text 

<dl class="accordion2">
	<dt class="ds-active">Opened</dt>
	<dd class="ds-active">
		<div class="inner">text text</div>
	</dd>
</dl>

Open( element );

Button
text text text text text text text text
text text text text text text text text 

DsAccordions2.Open( ".open" );


<dl class="accordion2">
	<dt class="open">Opened</dt>
	<dd>
		<div class="inner">text text</div>
	</dd>
</dl>

Close( element );

Button
text text text text text text text text
text text text text text text text text 

DsAccordions2.Close( ".close" );


<dl class="accordion2">
	<dt class="ds-active close">Opened</dt>
	<dd>
		<div class="inner">text text</div>
	</dd>
</dl>