Jeremy Felt

Happy Prime

slocker

philcable

<p>Show / Hide Section Block provides four blocks that are used to display a group of <code><details></code> elements that each contain a <code><summary></code> and an arbitrary number of additional blocks.</p>
<ul>
<li>The Show Hide Group block is a wrapping <code><div></code>.</li>
<li>The Show Hide Section block is a wrapping <code><details></code>. One or more of these blocks is added to a Show Hide Group block.</li>
<li>The Show Hide Summary block contains the content for a <code><summary></code> tag. One of these blocks is inside each Show Hide Section block.</li>
<li>The Show Hide Details block contains arbitrary content. One of these blocks is added inside each Show Hide Section block.</li>
</ul>
<p>The HTML output for an individual section is:</p>
<pre><code>
<details class="wp-block-happyprime-show-hide-section">
    
    <summary class="wp-block-happyprime-show-hide-summary">Summary text</summary>
    
</details>
</code></pre>
<p>The HTML output for the group is:</p>
<pre><code><div class="wp-block-happyprime-show-hide-group">
    
    <button class="toggle-all" aria-expanded="false">Open all</button>
    <details class="wp-block-happyprime-show-hide-section">
        <summary class="wp-block-happyprime-show-hide-summary"></summary>
        
    </details>
    <details class="wp-block-happyprime-show-hide-section">
        <summary class="wp-block-happyprime-show-hide-summary"></summary>
        
    </details>
    
</div>
</code></pre>
<p>An option is provided in the block’s side panel to toggle an “Open all”/”Close all” button. If this is toggled on for a block, an additional <code><button></code> element will be inserted and JavaScript will be used on the front-end to control the show/hide behavior of all <code><details></code> elements in the group at once.</p>
<p>If the toggle is off, no JavaScript is loaded on the front end and only the browser’s default behavior is used for opening and closing <code><details></code> elements.</p>

Show / Hide Section Block

Display an accessible show/hide interface with details and summary elements.

Ady Romantika

<p>This simple plugin is a widget that displays a collapsible archives list in your widgetized sidebar by using JavaScripts. In version 2.0.0 script.aculo.us effects has been added as an option, utilizing the script.aculo.us files supplied with WordPress.</p>
<h3>Configuration</h3>
<ul>
<li>Widget title: the title of the widget</li>
<li>Show post counts for year: Whether or not to show the post number for each year</li>
<li>Show post counts for month: Whether or not to show the post number for each month</li>
<li>Abbreviate month names: Check this box to show abbreviation of month names</li>
<li>Hide year from month names: Do not print year after month names</li>
<li>Use script.aculo.us effects: Whether or not to show effects</li>
<li>Expand effect: Effect to use when expanding the list</li>
<li>Collapse effect: Effect to use when collapsing the list</li>
<li>Expand the list by default: Check this box to have the list expanded when loaded</li>
<li>Expand current year by default: Check this box to have the current year expanded when loaded</li>
<li>Expand current month by default: Check this box to have the current month expanded when loaded</li>
<li>Show individual posts: Show posts in the list. This should be used in extra caution; if you have a lot of posts consider disabling it as this will take time to load</li>
<li>Use HTML arrows instead of images (► ▼) </li>
<li>Show current month in bold: show current month in bold </li>
<li>Show a link to plugin page. Thank you for your support! : Display a link to plugin page as a support method</li>
</ul>
<h3>TODO</h3>
<ul>
<li>Add ability for multiple instances</li>
<li>Add ability to work as non-widget</li>
<li>Add ability to include / exclude categories</li>
<li>Expand previous month rather the current</li>
<li>Research the practicality to use CSS / allow CSS options</li>
<li>List posts without year and month headers (for blogs with few posts)</li>
<li>Do not list the posts that are listed on the main page</li>
</ul>


Collapsible Archive Widget

This simple plugin is a widget that displays a collapsible archives list in your widgetized sidebar by utilizing JavaScript.

Show / Hide Section Block vs Collapsible Archive Widget