Darko Gerguric

This plugin creates a basic accordion from custom posts. 
Fully compatible with WPML, just translate your posts and use shortcodes as explained below. 
The plugin currently does not support Woocommerce.
<h3>How to use</h3>
<ol>
<li>To use this plugin you need custom post registered. 
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>
Example from WP Codex – for testing, copy and paste code below to theme functions.php
<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>
If you used code above to create custom posts type you would use following shortcode:
<pre><code>[gw_accordion post_type="Accordion"]
</code></pre>
Optionally, you may add CSS class
<pre><code>[gw_accordion post_type="Accordion" class="my_css_class"]
</code></pre>
You can also add code to your theme
<pre><code><?php echo do_shortcode('[gw_accordion post_type="Accordion"');?>
</code></pre>
or with the CSS class
<pre><code><?php echo do_shortcode('[gw_accordion post_type="Accordion" class="my_css_class"]');?>
</code></pre>
You also may set ordering, default is by ID and Ascending (ASC)
[gw_accordion post_type=”Accordion” class=”my_css_class” order_by=”title” order=”asc”]
<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>
If your theme uses smooth scroll script like this one
<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>
You may need to change this line
<pre><code> jQuery('a[href*="#"]:not([href="#"]')
</code></pre>
To look like this
<pre><code> jQuery('a[href*="#"]:not([href="#"], a:not([data-toggle])')
</code></pre>
to avoid conflict

Custom Posts Accordion

This plugin creates Bootstrap accordion form custom posts.

Noor Alam

With just one click, you can easily generate posts Slider, posts carousels, posts Grids, posts accordions, posts tabs, posts tickers, and Categories & Tags Filters for Posts, Pages, and Custom Post Types. This addon helps you showcase your content in various formats, providing an engaging user experience for your visitors. Magical Posts Display is an Elementor addon that simplifies the creation of interactive content displays. Magical Posts Display is compatible with all custom post types. 
<h3>✨ – Your All-in-One Tool for News, Magazines, and Blogs</h3>
Magical Posts Display is your ultimate solution for creating amazing News, Magazine, and Blog websites. Think of it as a supercharged plugin that does it all, whether you’re building a blog or a news and magazine site.
With Magical Posts Display, you get fantastic features like the Dynamic Site Builder, Popular Posts, Related Posts, Ajax Filter and Pagination, Post Carousel, Post slider, and much more. Now, with added support for Pages and Custom Post Types, it’s your secret weapon for unlocking your website’s full potential.
<h3>See live preview</h3>
<a href="https://mpd.wpcolors.net/" rel="nofollow ugc">Live preview Magical Posts Display </a>
<h3>Upgrade Pro For All Features</h3>
<a href="https://wpthemespace.com/product/magical-posts-display-pro/" rel="nofollow ugc">View Pro version</a>
<h3>See Short video</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7BCThHcUSHk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Magical Posts Display comes with a range of awesome Elementor widgets that make it easy to display your posts in unique and visually appealing ways. The latest addition includes the powerful News/Magazine Image Grid widget, featuring 5 distinct layout styles perfect for news, magazine, and blog websites.
Magical Posts Display is a user-friendly addon that offers many different ways to display your site posts. Our Elementor widgets allow you to customize and set new options for each Magical Posts item, giving you complete control over your content display. In addition, our addon supports post meta, categories, tags, comments, timestamps, and more, making it easy to create a personalized and engaging user experience for your visitors. 
<h4>Most powerful features: </h4>
<ul>
<li>Easily display posts, pages, and custom posts anywhere.</li>
<li>Drag & Drop Elementor page builder Widgets.</li>
<li>You can edit every single item</li>
<li>Posts Group Grid </li>
<li>Posts Categories Filter <a href="https://mpd.wpcolors.net/pro-posts-categories-filters/" rel="nofollow ugc">Live preview</a></li>
<li>Posts Tags Filter <a href="https://mpd.wpcolors.net/posts-tag-filter-pro/" rel="nofollow ugc">Live preview</a></li>
<li>Posts Slider <a href="https://mpd.wpcolors.net/pro-post-slider/" rel="nofollow ugc">Live preview</a></li>
<li>Posts Ticker (Latest News) <a href="https://mpd.wpcolors.net/new-posts-ticker-pro/" rel="nofollow ugc">Live preview</a></li>
<li>Posts carousel. <a href="https://mpd.wpcolors.net/pro-posts-carousel-2" rel="nofollow ugc">Live preview</a> | <a href="https://youtu.be/oZJYe4HEI4A" rel="nofollow ugc">Video Tutorial</a></li>
<li>Posts grid card. <a href="https://mpd.wpcolors.net/posts-grid-pro/" rel="nofollow ugc">Live preview</a> | <a href="https://youtu.be/0z5JoFWRyw0" rel="nofollow ugc">Video Tutorial</a></li>
<li>News/Magazine Image Grid – Modern magazine-style layouts with image overlays and 5 unique styles (Classic Magazine, Grid Layout, Compact Grid, Featured Focus, Equal Heights)</li>
<li>News/Magazine Grid – Modern News-style layouts with image and 4 unique styles </li>
<li>Posts Accordion. <a href="https://mpd.wpcolors.net/pro-posts-accordion/" rel="nofollow ugc">Live preview</a> | <a href="https://youtu.be/Y3btoJtd0h8" rel="nofollow ugc">Video Tutorial</a></li>
<li>Posts Tab. <a href="https://mpd.wpcolors.net/pro-posts-tab-2/" rel="nofollow ugc">Live preview</a> | <a href="https://youtu.be/itaSNU8_Zr8" rel="nofollow ugc">Video Tutorial</a></li>
<li>Awesome Posts list. <a href="https://mpd.wpcolors.net/awesome-new-posts-list-pro/" rel="nofollow ugc">Live preview</a> | <a href="https://youtu.be/a2NPlkreH7Y" rel="nofollow ugc">Video Tutorial</a></li>
<li>Posts list card. <a href="https://mpd.wpcolors.net/awesome-new-posts-list-pro/" rel="nofollow ugc">Live preview</a> | <a href="https://youtu.be/AjWr7-YeJx4" rel="nofollow ugc">Video Tutorial</a></li>
<li>Categories gird.</li>
<li>Popular posts widget with image.</li>
<li>Recent posts widget with image.</li>
<li>Posts grid show by shortcode.</li>
<li>Posts time show.</li>
<li>Posts category show.</li>
<li>Posts tag show.</li>
<li>All options show hide features. </li>
<li>User-friendly Editor.</li>
<li>Ajax Loadmore button.</li>
<li>Ajax Categories filter.</li>
</ul>
<h4>Translations</h4>
<ul>
<li>English</li>
</ul>
<h3>Privacy Policy</h3>
Magical Posts Display – Elementor Advanced Posts widgets uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.
Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.
Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.
Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.

Magical Posts Display – Elementor Advanced Posts widgets

Show your site posts, Pages and Custom Post Types with many different styles by Elementor Widgets.

Custom Posts Accordion vs Magical Posts Display – Elementor Advanced Posts widgets