devot:eeDevoted to ExpressionEngine

This plugin provides an easy way to create the accordion using the channel data.

Features

 
• It support the multiple accordion section in single page.
 
• It support with channel field data.
 
• It support the grid field.
 
• It is independent on jQuery. There is no need of the jQuery.

Examples

Simple single accordion using the channel field data.

{exp:channel:entries channel="faq"}
    {exp:accordion:set title="{title}"  }{page_content}{/exp:accordion:set}
{/exp:channel:entries}

Note: The title parameter define the title of the accordion. The tag data define the content of the accordion. In above example, title field of faq channel is passed to title parameter and page_content field of faq channel is passed as tag data.

Multiple according on single page

Demo One
{exp:channel:entries channel="faq"}	
	{exp:accordion:set title="{title}" id="1" }{page_content}{/exp:accordion:set}
{/exp:channel:entries}

Demo Two
{exp:channel:entries channel="faq"}	
	{exp:accordion:set title="{title}" id="2" }{page_content}{/exp:accordion:set}
{/exp:channel:entries}

Notes: The id parameter must be passed for the multiple section of the accordion to specify the group to it. You can specify any value like “1” or “2” for id.

Accordion using the grid field

{exp:channel:entries channel="about" url_title="about-default-theme"}
	{faqs}	
		{exp:accordion:set title="{faqs:question}" }{faqs:answer}{/exp:accordion:set}
	{/faqs}
{/exp:channel:entries}

For any queries, please feel free to contact to imamhusaynee@gmail.com