markdown-it-admon-collapsible 1.9.2 → 1.9.3

package/CHANGELOG.md

@@ -1,3 +1,13 @@
-# 1.9.2 (2025-12-26)
+# Changelog
+
+## 1.9.2
+
+2025-12-26
 
 - forked from markdown-it-admon
+
+## 1.9.3
+
+2025-12-27
+
+- Changed the generated HTML to be more like markdown-it-container

package/index.js

@@ -58,19 +58,19 @@ function renderCollapsibleOpen(tokens, idx) {
 function renderCollapsibleTitleOpen(tokens, idx) {
   const expanded = tokens[idx - 1]?.meta?.expanded;
   // Add toggle button
-  return `<p class="admonition-title"><button class="collapsible-toggle" tabindex="0">${expanded ? '&#x2212;' : '&#x2b;'}</button>`;
+  return `<div class="admonition-title"><button class="collapsible-toggle" tabindex="0">${expanded ? '&#x2212;' : '&#x2b;'}</button>`;
 }
 
 function renderCollapsibleTitleClose() {
-  return '</p>\n';
+  return '</div>\n';
 }
 
 function renderCollapsibleContentOpen(tokens, idx) {
-  return '<div class="collapsible-content">\n';
+  return '';
 }
 
 function renderCollapsibleContentClose() {
-  return '</div>\n';
+  return '';
 }
 
 
@@ -166,7 +166,7 @@ function admonition(state, startLine, endLine, silent) {
 
   if (title) {
     const titleMarkup = markup + ' ' + tag;
-    token = state.push(isCollapsible ? 'collapsible_title_open' : 'admonition_title_open', 'p', 1);
+    token = state.push(isCollapsible ? 'collapsible_title_open' : 'admonition_title_open', 'div', 1);
     token.markup = titleMarkup;
     token.attrs = [['class', 'admonition-title']];
     token.map = [startLine, startLine + 1];
@@ -176,7 +176,7 @@ function admonition(state, startLine, endLine, silent) {
     token.map = [startLine, startLine + 1];
     token.children = [];
 
-    token = state.push(isCollapsible ? 'collapsible_title_close' : 'admonition_title_close', 'p', -1);
+    token = state.push(isCollapsible ? 'collapsible_title_close' : 'admonition_title_close', 'div', -1);
     token.markup = titleMarkup;
   }
 
@@ -204,8 +204,7 @@ module.exports = function admonitionPlugin(md, options = {}) {
 
   // Collapsible rendering
   md.renderer.rules.collapsible_open = renderCollapsibleOpen;
-  md.renderer.rules.collapsible_close = (tokens, idx) => '</div>';
-    md.renderer.rules.collapsible_close = (tokens, idx) => '</div>\n';
+  md.renderer.rules.collapsible_close = (tokens, idx) => '</div>\n';
   md.renderer.rules.collapsible_title_open = renderCollapsibleTitleOpen;
   md.renderer.rules.collapsible_title_close = renderCollapsibleTitleClose;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markdown-it-admon-collapsible",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "description": "Plugin to create admonitions for markdown-it markdown parser",
   "keywords": [
     "admonition",

package/styles/admonition.css

@@ -28,10 +28,12 @@
 .collapsible.expanded {
   /* Optionally highlight expanded state */
 }
-.collapsible-content {
+
+/* Hide all siblings of .admonition-title when not expanded */
+.collapsible:not(.expanded) > .admonition-title ~ * {
   display: none;
 }
-.collapsible.expanded .collapsible-content {
+.collapsible.expanded > .admonition-title ~ * {
   display: block;
 }
 /**
@@ -58,7 +60,9 @@
   overflow: auto;
 }
 
-.admonition>p {
+
+/* Ensure spacing for first child after .admonition-title (now a div) */
+.admonition > .admonition-title + * {
   margin-top: .8rem;
 }