<p>
	Use any number of accordions shortcodes within your Joomla <span class="highlight">articles or modules</span>.<br />
	They can easily be added inside the editor by using <strong>
	<a class="yjsg-link-lightbox" href="images/docs/accordions-lg.jpg">
		[yjsgfa name="fa fa-picture-o"] Accordions shortcode form
	</a>
	</strong> located under text editor or by adding shortcodes directly.
</p>
<div class="yjsg-row">
	<div class="yjsg-col-1">
		<h3 class="yjsg-sub-heading">examples:</h3>
	</div>
	<div class="yjsg-col-1-2">
		<br/>
		[yjsgacs id="myid"]<br/>
		[yjsgacgroup title="My title" active="1"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[/yjsgacs]<br/>
	</div>
	<div class="yjsg-col-1-2">
		<br/>
		[yjsgacs id="myid2"]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="1"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[yjsgacgroup title="My title" active="0"]Accordion content goes here...[/yjsgacgroup]<br/>
		[/yjsgacs]<br/>
	</div>
	<div class="yjsg-col-1">
		<div class="yjsg-hr-empty"></div>
		<h3 class="yjsg-sub-heading">shortcode:</h3>
		[yjsgpre pretty="1" scroll="0"]
		{yjsgacs id="myid"}
		{yjsgacgroup title="My title" active="1"}Accordion content goes here...{/yjsgacgroup}
		{yjsgacgroup title="My title" active="0"}Accordion content goes here...{/yjsgacgroup}
		{yjsgacgroup title="My title" active="0"}Accordion content goes here...{/yjsgacgroup}
		{yjsgacgroup title="My title" active="0"}Accordion content goes here...{/yjsgacgroup}
		{yjsgacgroup title="My title" active="0"}Accordion content goes here...{/yjsgacgroup}
		{/yjsgacs}[/yjsgpre] </div>
</div>
