Title: Javascript CSS Accordion
Author: shortdark
Published: <strong>දෙසැම්බර් 22, 2019</strong>
Last modified: නොවැම්බර් 3, 2021

---

Search plugins

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://s.w.org/plugins/geopattern-icon/javascript-css-accordion.svg)

# Javascript CSS Accordion

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

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

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

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

## Description

Adds an accordion using plaing javascript and CSS, not jQuery.

Please let me know if you like this plugin by leaving a review or [contacting me](http://www.shortdark.net/contact-me/).

Go to the [Shortdark WordPress plugin page](http://www.shortdark.net/wordpress-plugin/)
for more information.

## Installation

This section describes how to install the plugin and get it working.

 1. Upload the plugin folder to the `/wp-content/plugins/` directory, or install the
    plugin through the WordPress
     plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.

To add an accordion element you insert the shortcode below into your post in the
place you’d like the accordion to be.

#### Method 1

[sdjca id=”” title=””]The content to be revealed goes here!![/sdjca]

 * The id should be a number (an integer). If you have more than one accordion on
   a page, each accordion must have a unique id.
 * The title is the text you’d see when the accordion is closed, without any HTML.
 * The content is what you see when you open the accordion, this can include HTML
   tags. Do not use “p” tags, use “br” instead.

#### Method 2

You can also use unenclosed shortcodes like this…

[sdjca id=”” title=”” content=”” /]

 * The id should be a number (an integer). If you have more than one accordion on
   a page, each accordion must have a unique id.
 * The title is the text you’d see when the accordion is closed, without any HTML.
 * The content is what you see when you open the accordion, without any HTML.
 * The shortcode should have the trailing / at the end, especially if you are using
   more than one accordion in your post/page.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

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

Contributors

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

[Translate “Javascript CSS Accordion” into your language.](https://translate.wordpress.org/projects/wp-plugins/javascript-css-accordion)

### Interested in development?

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

## Changelog

#### 0.0.06

 * Bugfix: tweak to the javascript.

#### 0.0.05

 * Bugfix: version number.

#### 0.0.04

 * Bugfix: only show enclosed content if the content attribute does not exist.
 * Update: update to the installation instructions.

#### 0.0.03

 * Bugfix to allow the first version of the plugin to continue working.

#### 0.0.02

 * Allowed content to be added using enclosed shortcodes.

#### 0.0.01

 * New plugin.

## Meta

 *  Version **0.0.06**
 *  Last updated **වසර 4ක් ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 2.5 or higher **
 *  Tested up to **5.8.13**
 *  Language
 * [English (US)](https://wordpress.org/plugins/javascript-css-accordion/)
 * Tags
 * [Accordion](https://si.wordpress.org/plugins/tags/accordion/)[html](https://si.wordpress.org/plugins/tags/html/)
 *  [Advanced View](https://si.wordpress.org/plugins/javascript-css-accordion/advanced/)

## Ratings

No reviews have been submitted yet.

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

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

## Contributors

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

## Support

Got something to say? Need help?

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

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](http://www.shortdark.net/)