DIR Return Create A Forum - Home
---------------------------------------------------------
Create A Forum - Support Forums
HTML https://support.createaforum.com
---------------------------------------------------------
*****************************************************
DIR Return to: Create a Forum Codes and Support
*****************************************************
#Post#: 27331--------------------------------------------------
Collapsible Categories (Classic Modern)
DIR By: xTreme
Date: September 10, 2026, 7:37 pm
---------------------------------------------------------
The new classic modern theme doesn't come with collapsible
categories. However you can add it by placeing one code in the
footer area.
--- Code ---
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.c3-cat').forEach(function (cat)
{
var head = cat.querySelector('.c3-cat__head');
var body = cat.querySelector('.c3-cat__body');
if (!head || !body) return;
var title = head.querySelector('.c3-cat__title');
var key = 'cat_collapse_' + (title ?
title.textContent.trim().replace(/\s+/g, '_') : cat.className);
head.style.cursor = 'pointer';
var arrow = document.createElement('span');
arrow.style.float = 'right';
arrow.style.marginRight = '10px';
head.appendChild(arrow);
function setState(collapsed) {
body.style.display = collapsed ? 'none' : '';
arrow.textContent = collapsed ? '\u25B8' : '\u25BE';
}
setState(localStorage.getItem(key) === 'collapsed');
head.addEventListener('click', function () {
var collapsed = body.style.display !== 'none';
localStorage.setItem(key, collapsed ? 'collapsed' :
'expanded');
setState(collapsed);
});
});
});
</script>
--- End Code ---
#Post#: 27332--------------------------------------------------
Re: Collapsible Categories (Classic Modern)
DIR By: CreateAForum
Date: September 10, 2026, 8:33 pm
---------------------------------------------------------
Great tip!
*****************************************************
Page 1 of 1