Darko Gerguric

<p>This plugin creates a basic accordion from custom posts.<br />
Fully compatible with WPML, just translate your posts and use shortcodes as explained below.<br />
The plugin currently does not support Woocommerce.</p>
<h3>How to use</h3>
<ol>
<li>To use this plugin you need custom post registered.<br />
You may check <a href="https://codex.wordpress.org/Post_Types" title="Post Types" rel="nofollow ugc">Post Types</a> to see how to do it.</li>
</ol>
<p>Example from WP  Codex – for testing, copy and paste code below to theme functions.php</p>
<pre><code>  add_action( 'init', 'create_post_type' );
  function create_post_type() {
    register_post_type( 'Accordion',
      array(
        'labels' => array(
          'name' => __( 'Accordions' ),
          'singular_name' => __( 'Accordion' )
        ),
        'public' => true,
        'has_archive' => true,
      )
    );
  }
</code></pre>
<ol>
<li>Add shortcode to page or post where you want to use accordion</li>
</ol>
<p>If you used code above to create custom posts type you would use following  shortcode:</p>
<pre><code>[gw_accordion post_type="Accordion"]
</code></pre>
<p>Optionally, you may add CSS class</p>
<pre><code>[gw_accordion post_type="Accordion" class="my_css_class"]
</code></pre>
<p>You can also add code to your theme</p>
<pre><code><?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>
</code></pre>
<p>or with the CSS class</p>
<pre><code><?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>
</code></pre>
<p>You also may set ordering, default is by ID and Ascending (ASC)</p>
<p>[gw_accordion post_type=”Accordion” class=”my_css_class” order_by=”title” order=”asc”]</p>
<h3>Demo</h3>
<ol>
<li><a href="https://plugins.darkog.pro/custom-post-accordion-demo/" rel="nofollow ugc">Check Demo</a></li>
</ol>
<h3>Known Issues</h3>
<p>If your theme uses smooth scroll script like this one</p>
<pre><code>        jQuery(function() {
      jQuery('a[href*="#"]:not([href="#"]').click(function() {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
          var target = jQuery(this.hash);
          target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            jQuery('html,body').animate({
              scrollTop: target.offset().top
            }, 2000);
            return false;
          }
        }

      });

    });
</code></pre>
<p>You may need to change this line</p>
<pre><code> jQuery('a[href*="#"]:not([href="#"]')
</code></pre>
<p>To look like this</p>
<pre><code> jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')
</code></pre>
<p>to avoid conflict</p>


Custom Posts Accordion

This plugin creates Bootstrap accordion form custom posts.

Custom Posts Accordion vs Post My CF7 Form