Enej Bajgorić

ctlt-dev

ubcdev

<p>To make the accordions appear the way you want you need to add your own styling to them<br />
Lets you add accordion to your post and pages.</p>
<p>By using the following shortcodes</p>
<pre><code>[accordions]
[accordion title="title1"] tab content [/accordion]
[accordion title="title2"] another content tab [/accordion]
[/accordions]
</code></pre>
<p>will generate the following html.</p>
<pre><code><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>
</code></pre>
<p>Additional attributes that you could pass into the shortcode<br />
    [accordions autoHeight=’true’  disabled=’false’ active=0  clearStyle=false collapsible=false fillSpace=false ]<br />
    [accordion title=’title1′ class=’new-class’]<br />
     Some Text<br />
    [/accordion]<br />
    [accordion title=’title2′ class=’new-class’]<br />
     Some Text<br />
    [/accordion]<br />
    [/accordions]</p>
<h3>Sample CSS</h3>
<p>Here is some sample css to get you started.<br />
Another place to look for it would be the http://jqueryui.com/themeroller/, The shortcode used the jQuery UI to generate the accordion.</p>
<pre><code>.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;
}
</code></pre>


Accordion Shortcode

Lets you easily add accordions into your posts and pages using the accordion shortcode

Theme Century

<p>Master Accordion plugins helps you to make accordion for any post type, taxonomy, woocommerce product, wordpress menu etc.</p>
<h3>Some demo shortcode of this plugin:</h3>
<ul>
<li>“[mran_accordion post_type=”post” posts_per_page=”3″]” is demo shortcode for accordion.</li>
<li>“[mran_tab post_type=”post” posts_per_page=”3″]” is demo shortcode for tabs.</li>
<li>“post_type” set post type posts value to this shortcodes.</li>
<li>“posts_per_page” set no of post show from this shortcode.</li>
<li>“category” is also attribute of shortcode</li>
</ul>
<h3>Some useful links:</h3>
<p>Plugin details : <a href="https://themecentury.com/downloads/master-accordion-free-wordpress-plugin/" rel="nofollow ugc">https://themecentury.com/downloads/master-accordion-free-wordpress-plugin/</a></p>
<p>Plugin documentations : <a href="https://themecentury.com/downloads/master-accordion-free-wordpress-plugin/" rel="nofollow ugc">https://themecentury.com/downloads/master-accordion-free-wordpress-plugin/</a></p>
<p>Support URL : <a href="https://themecentury.com/forums/forum/master-accordion-free-wordpress-plugin/" rel="nofollow ugc">https://themecentury.com/forums/forum/master-accordion-free-wordpress-plugin/</a></p>
<h3>Features:</h3>
<ul>
<li>Post type accordion</li>
<li>Category accordion</li>
<li>All WP_Query arguments accepts by this plugins</li>
<li>Accordion/Tab menu widget</li>
<li>Accordion/Tab post widget</li>
<li>Accordion/Tab term widget</li>
<li>Shortcode support(Tab/Accordion)</li>
<li>Translation ready</li>
<li>Supports woocommerce product accordion</li>
<li>Multiple template support</li>
</ul>


Master Accordion – Accordion, FAQ, Tabs, Shortcode & Widgets

This plugin help you to make accordion of post type, category, tags, taxonomy, menu etc. You can show accordion from accordion post widget, accordion  …

Accordion Shortcode vs Master Accordion – Accordion, FAQ, Tabs, Shortcode & Widgets