Accordion

Developer

Imam Husayn

3rd Party (Commercial)
Current Version: 1.0.0
Minimum EE Version: 3.1.0
Release Date: Mar 9, 2021

License Agreement

Buy Now!

$8.00
Qty:

EE Version Support

  • ExpressionEngine 3
  • ExpressionEngine 4
  • ExpressionEngine 5
  • ExpressionEngine 6

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Webservice
  • Publisher

Requirements

  • jQuery for the Control Panel

Add-On Type(s)

Plugin

Tags

Create the accordion using the channel data.

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

This entry was created March 7, 2021, 6:50 am.
This entry was last updated March 9, 2021, 2:19 pm.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through devot-ee.com. If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

1 Review:

mariniko 04.16.21

Rating - {addon_rating_average}

Your support is fast and gratifying. Thank you.