Miguel Useche

<p>This plugin provides a widget and a filter to display a collapsible archive list in your sidebar or posts using the JS JS library.</p>
<h4>Features</h4>
<ol>
<li>Support for Gutenberg blocks. Add it to any FSE theme or Gutenberg compatible theme.</li>
<li>Display a collapsed list of your archives to reduce space.</li>
<li>Uses vanilla JS to add effects and to be compatible with all browsers.</li>
<li>Select your expand/collapse symbol and date format.</li>
<li>Support for archive filters.</li>
<li>Auto expands current/select year from posts.</li>
<li>Select the categories to exclude</li>
<li>Multiple instances support.</li>
<li>Shortcode support  <em>[JsArchiveList]</em></li>
<li>Generates valid HTML code.</li>
<li>Supports multiple languages.</li>
<li>Compatible with most JS cache and minify plugins.</li>
<li>And more to come…</li>
</ol>
<h3>Configuration</h3>
<ul>
<li>Title: title of the widget.</li>
<li>Trigger Symbol:  characters to be displayed as bullet.</li>
<li>Effect: Effect to use.</li>
<li>Month Format:  month’s display format of the month.</li>
<li>Expand: when to expand the content of the list.</li>
<li>Hide years from before: older years will be hidden under a  link. To save space in the page on old sites.</li>
<li>Show days inside month list: group posts by day.</li>
<li>Show number of posts: display how many post are published in the year or in the month.</li>
<li>Show only posts from selected category: show only posts from the selected category when visiting a category page.</li>
<li>Only expand/reduce by clicking the symbol: select if animations start when click the link or just the bullet.</li>
<li>Open links in a new tab: opens archive and post links in a new browser tab/window.</li>
<li>Only expand one at the same time: select if you want to have only one expanded at the same time.</li>
<li>Show posts under months:  show post’s title under months.</li>
<li>Show post date next to post title: show post’s date next to post title.</li>
<li>Sort posts by: select how to sort the posts under months.</li>
<li>Include or Exclude categories: Select the categories to include or exclude.</li>
</ul>


JS Archive List

Useful

A JS widget (can be used in posts) for displaying an archive list with some effects.

Evan Herman

Matthieu S

<p><strong>Video Demo</strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/fiNUqZxFwNA?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></span></p>
<p><strong>Feautres</strong></p>
<ol>
<li>Beautifully simple UI</li>
<li>Easy to access custom tinyMCE button</li>
<li>Easily add images and YouTube video to hidden content area</li>
<li>Input direct links to images or YouTube videos</li>
<li>Quick placement of expand+collapse items</li>
<li>Use on pages and posts (or copy and paste the code to use in theme templates)</li>
<li>Use HTML markup inside the hidden content area</li>
<li>Mobile/Responsive Ready</li>
<li>Use in sidebar (inside of a ‘Text’ widget)</li>
<li>SEO friendly hidden content</li>
<li>Great Support</li>
</ol>
<p>If you want to include Expand+Collapse Funk you can use the following code anywhere in your Theme: (remember to swap out the Link and Hidden Content for your content)</p>
<pre><code><div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">This Is The Link To Click</a>
    <div class="hidden-content">
        <p class="hiddenContentp">This is all of your hidden content. This will be invisible at first, but after clicking on the link above this will slide in.</p>
    </div>
</div>
</code></pre>
<p>Using Expand+Collapse Funk allows for very easy placement of collapseable content and a link to reveal the content. The expand and collapse functionality is widely<br />
used across the web to free up space on a page or to place semi-important content into posts, pages or into the sidebar. There is no limit to the length of the collapseable content. Easily include images,<br />
YouTube/Vimeo videos or anything else you could imagine.</p>
<p>I originally built this plugin for the marketing department at my full time job, so a simple UI and ease of use was kept in mind throughout development.</p>
<p>Have an idea, question, concern or found a bug?<a href="http://www.evan-herman.com/contact" rel="nofollow ugc"> Get In Contact With Me!</a></p>


Expand + Collapse Funk

Easily add expand and collapse functionality to any WordPress theme. No coding skills required! Beautifully simple UI. Save space with this plugin for …

JS Archive List vs Expand + Collapse Funk