Title: Custom Accordion
Author: imajade
Published: <strong>May 5, 2024</strong>
Last modified: May 5, 2024

---

Search plugins

![](https://ps.w.org/custom-accordion/assets/banner-772x250.png?rev=3081481)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/custom-accordion/assets/icon-256x256.png?rev=3081481)

# Custom Accordion

 By [imajade](https://profiles.wordpress.org/imajade/)

[Download](https://downloads.wordpress.org/plugin/custom-accordion.zip)

 * [Details](https://test.wordpress.org/plugins/custom-accordion/#description)
 * [Reviews](https://test.wordpress.org/plugins/custom-accordion/#reviews)
 *  [Installation](https://test.wordpress.org/plugins/custom-accordion/#installation)
 * [Development](https://test.wordpress.org/plugins/custom-accordion/#developers)

 [Support](https://wordpress.org/support/plugin/custom-accordion/)

## Description

The Custom Accordion plugin allows you to easily create accordions in your WordPress
posts, pages, and widget areas. Simply use the [ca-accordion] and [ca-accordion-
item title=”Your Title Here”]

<

p>Your Content Here

<

p>[/ca-accordion-item][/ca-accordion] shortcodes to create accordions.

### Arbitrary section

The Custom Accordion plugin is optimized for performance by conditionally loading
its assets. This helps prevent unnecessary HTTP requests on pages where the accordion
functionality is not needed. The plugin now supports accordion shortcodes in ‘text’
widgets, making it even more versatile.

#### Advanced Customization

For developers looking to further customize the accordions, the plugin provides 
CSS classes that can be easily targeted for custom styles. You can add your custom
CSS in your theme’s stylesheet to change the look and feel of the accordion to match
your site’s design.

#### Troubleshooting

If you encounter any issues with the display of accordions on your site, first ensure
that there are no JavaScript conflicts with other plugins by disabling other plugins
one by one to identify any conflicts.

#### Future Enhancements

Future updates may include new features such as:
 – Multiple accordion styles to
choose from. – Integration with the WordPress Customizer for adjusting styles.

#### Feedback and Support

For feedback, support, and suggestions, please visit the support forums on the WordPress
plugin directory page or the GitHub repository page.

Remember, if you enjoy using the Custom Accordion plugin and find it useful, rate
it and leave a review on the WordPress plugin directory page. Your feedback is appreciated
and it helps to improve the plugin!

### Sample Shortcode Usage

[ca-accordion]
 [ca-accordion-item title=”Section 1″]

<

p>This is the first section of the accordion.

<

p>
 [/ca-accordion-item] [ca-accordion-item title=”Section 2″]

<

p>This is the second section of the accordion.

<

p>
 [/ca-accordion-item] [/ca-accordion]

## Screenshots

 * [[
 * Screenshot 1.
 * [[
 * Screenshot 2.

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/custom-accordion` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Use the [ca-accordion] and [ca-accordion-item title=”Your Title Here”]

<

p>Your Content Here

<

p>[/ca-accordion-item][/ca-accordion] shortcodes to create accordions.

## FAQ

### Can I use HTML inside the accordion content?

Yes, HTML can be used within the content of each accordion item.

### Is there a limit to the number of accordion items I can add?

No, you can add as many accordion items as you want.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Custom Accordion” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ imajade ](https://profiles.wordpress.org/imajade/)

[Translate “Custom Accordion” into your language.](https://translate.wordpress.org/projects/wp-plugins/custom-accordion)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/custom-accordion/),
check out the [SVN repository](https://plugins.svn.wordpress.org/custom-accordion/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/custom-accordion/)
by [RSS](https://plugins.trac.wordpress.org/log/custom-accordion/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.3.0

 * Added GPL-2.0+ license declaration in the plugin header.
 * Added a check to prevent direct file access to the plugin.
 * Changed prefixes of functions, shortcodes, and CSS classes to “ca_” for uniqueness
   and to avoid conflicts.
 * Updated shortcode names to use the “ca-” prefix.
 * Updated CSS selectors to match the new class names with the “ca-” prefix.

#### 1.2.0

 * Added support for accordion shortcodes in ‘text’ widgets.
 * Optimized code to conditionally load assets only when accordion shortcodes are
   present in posts, pages, or widgets.
 * Refactored code for better readability and maintainability.

#### 1.1.1

 * Fixed stable tag mismatch issue.
 * Ensured consistent versioning across all plugin files.

#### 1.1.0

 * Performance improvement: Conditionally load styles and scripts only on pages 
   with accordions.
 * Security fix: Escaped title attribute in shortcode output to prevent XSS attacks.
 * Other minor bug fixes and improvements.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.3.0**
 *  Last updated **2 years ago**
 *  Active installations **10+**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **6.4.8**
 *  Language
 * [English (US)](https://wordpress.org/plugins/custom-accordion/)
 * Tags
 * [Accordion](https://test.wordpress.org/plugins/tags/accordion/)[custom-accordion.](https://test.wordpress.org/plugins/tags/custom-accordion/)
   [Responsive accordion](https://test.wordpress.org/plugins/tags/responsive-accordion/)
 *  [Advanced View](https://test.wordpress.org/plugins/custom-accordion/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/custom-accordion/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/custom-accordion/reviews/)

## Contributors

 *   [ imajade ](https://profiles.wordpress.org/imajade/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/custom-accordion/)