Title: Accordion Shortcode
Author: ctltwp
Published: <strong>20 Maret 2012</strong>
Last modified: 19 September 2012

---

Cari plugin

Plugin ini **belum teruji dangan 3 rilis besar WordPress**. Kemungkinan tidak lagi
dipelihara atau didukung, dan mungkin menghadapi masalah kompatibilitas bila digunakan
dengan versi WordPress yang lebih baru.

![](https://s.w.org/plugins/geopattern-icon/accordion-shortcode.svg)

# Accordion Shortcode

 Oleh [ctltwp](https://profiles.wordpress.org/ctltwp/)

[Unduh](https://downloads.wordpress.org/plugin/accordion-shortcode.1.2.1.zip)

 * [Detail](https://id.wordpress.org/plugins/accordion-shortcode/#description)
 * [Ulasan](https://id.wordpress.org/plugins/accordion-shortcode/#reviews)
 *  [Instalasi](https://id.wordpress.org/plugins/accordion-shortcode/#installation)
 * [Pengembangan](https://id.wordpress.org/plugins/accordion-shortcode/#developers)

 [Bantuan](https://wordpress.org/support/plugin/accordion-shortcode/)

## Deskripsi

To make the accordions appear the way you want you need to add your own styling 
to them
 Lets you add accordion to your post and pages.

By using the following shortcodes

    ```
    [accordions]
    [accordion title="title1"] tab content [/accordion]
    [accordion title="title2"] another content tab [/accordion]
    [/accordions]
    ```

will generate the following html.

    ```
    <div id="random-accordion-id-872" class="accordions-shortcode">
                <h3 id="title1-0" ><a href="#title1-0">title1</a></h3>

                <div class="accordian-shortcode-content" >


     Some Text<br />
                </div>

                <h3 id="title2-1" ><a href="#title2-1">title2</a></h3>

                <div class="accordian-shortcode-content " >


     Some Text<br />
                </div>

    </div>
    ```

Additional attributes that you could pass into the shortcode
 [accordions autoHeight
=’true’ disabled=’false’ active=0 clearStyle=false collapsible=false fillSpace=false][
accordion title=’title1′ class=’new-class’] Some Text [/accordion] [accordion title
=’title2′ class=’new-class’] Some Text [/accordion] [/accordions]

### Sample CSS

Here is some sample css to get you started.
 Another place to look for it would 
be the http://jqueryui.com/themeroller/, The shortcode used the jQuery UI to generate
the accordion.

    ```
    .ui-accordion-header{
        margin:5px 0 0;
    }
    .ui-accordion-header a{
        padding:5px 12px;
        background: #CCC; 
        color:#FFF;
        display:block;
    }
    .ui-accordion-header.ui-state-active a,
    .ui-accordion-header a:hover{
        background-color: #DDD;
    }
    .ui-accordion-content{
        padding-top:10px;
    }
    ```

## Instalasi

 1. Extract the zip file into wp-content/plugins/ in your WordPress installation
 2. Go to plugins page to activate
 3. Add styles to make the accordion look the way you want.

## Ulasan

Belum ada ulasan untuk plugin ini.

## Kontributor & Pengembang

“Accordion Shortcode” adalah perangkat lunak open source. Berikut ini mereka yang
sudah berkontribusi pada plugin ini.

Kontributor

 *   [ ctltwp ](https://profiles.wordpress.org/ctltwp/)
 *   [ Enej Bajgorić ](https://profiles.wordpress.org/enej/)
 *   [ ctlt-dev ](https://profiles.wordpress.org/ctlt-dev/)
 *   [ ubcdev ](https://profiles.wordpress.org/ubcdev/)

[Terjemahkan “Accordion Shortcode” dalam bahasa Anda.](https://translate.wordpress.org/projects/wp-plugins/accordion-shortcode)

### Tertarik mengembangkan?

[Lihat kode](https://plugins.trac.wordpress.org/browser/accordion-shortcode/), periksa
[repositori SVN ](https://plugins.svn.wordpress.org/accordion-shortcode/), atau 
mendaftar ke [log pengembangan](https://plugins.trac.wordpress.org/log/accordion-shortcode/)
melalui [RSS](https://plugins.trac.wordpress.org/log/accordion-shortcode/?limit=100&mode=stop_on_copy&format=rss).

## Log Perubahan

#### 1.2.1

 * removed php warnings

#### 1.2

Trying to commit the changes from git

#### 1.1

 * improved js loading. js only gets loaded when it is needed
 * fixed bugs

#### 1.0

 * Initial release

## Meta

 *  Versi **1.2.1**
 *  Diperbarui **14 tahun yang lalu**
 *  Instalasi Aktif **400+**
 *  Versi WordPress ** 3.3 atau yang terbaru **
 *  Diuji hingga **3.3.2**
 *  Bahasa
 * [English (US)](https://wordpress.org/plugins/accordion-shortcode/)
 * Tag
 * [Accordion](https://id.wordpress.org/plugins/tags/accordion/)[shortcode](https://id.wordpress.org/plugins/tags/shortcode/)
 *  [Tampilan lanjut](https://id.wordpress.org/plugins/accordion-shortcode/advanced/)

## Rating

 4.8 dari 5 bintang.

 *  [  6 ulasan 5-bintang     ](https://wordpress.org/support/plugin/accordion-shortcode/reviews/?filter=5)
 *  [  2 ulasan 4-bintang     ](https://wordpress.org/support/plugin/accordion-shortcode/reviews/?filter=4)
 *  [  0 ulasan 3-bintang     ](https://wordpress.org/support/plugin/accordion-shortcode/reviews/?filter=3)
 *  [  0 ulasan 2-bintang     ](https://wordpress.org/support/plugin/accordion-shortcode/reviews/?filter=2)
 *  [  0 ulasan 1-bintang     ](https://wordpress.org/support/plugin/accordion-shortcode/reviews/?filter=1)

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

[Lihat semua ulasan](https://wordpress.org/support/plugin/accordion-shortcode/reviews/)

## Kontributor

 *   [ ctltwp ](https://profiles.wordpress.org/ctltwp/)
 *   [ Enej Bajgorić ](https://profiles.wordpress.org/enej/)
 *   [ ctlt-dev ](https://profiles.wordpress.org/ctlt-dev/)
 *   [ ubcdev ](https://profiles.wordpress.org/ubcdev/)

## Bantuan

Ada yang ingin dikatakan? Butuh bantuan?

 [Lihat forum bantuan](https://wordpress.org/support/plugin/accordion-shortcode/)