Expand and collapse option through JS and CSSFollow steps1. Copy this code in notepad2. Save your note pad as .html or .htm3. Open with browser… solution is ready 🙂 <html xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:o=”urn:schemas-microsoft-com:office:office”><head><style type=”text/css”>h4{ color:#719500;}</style></head><script type=”text/javascript”>var collapseDivs, collapseLinks;function createDocumentStructure (tagName) { if (document.getElementsByTagName) { var elements = document.getElementsByTagName(tagName); collapseDivs = new Array(elements.length); collapseLinks = new Array(elements.length); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var siblingContainer; if (document.createElement && (siblingContainer = document.createElement(‘div’)) && siblingContainer.style) { var nextSibling = element.nextSibling; element.parentNode.insertBefore(siblingContainer,nextSibling); var nextElement = elements[i + 1]; while (nextSibling != nextElement && nextSibling != null) { var toMove = nextSibling; nextSibling = nextSibling.nextSibling; siblingContainer.appendChild(toMove); } siblingContainer.style.display = ‘none’; collapseDivs[i] = siblingContainer; createCollapseLink(element, siblingContainer, i); } else[…]