Template:Tabs: Difference between revisions

Revision as of 14:38, 28 February 2024

Tab 2 content

Lorem ipsum dolor sic amet...

@@ Line 101: / Line 101: @@
 <details class="cdx-accordion">
-  <!-- The <summary> element must be the first child, and is required -->
    <summary>
-    <!-- <summary> should contain a header; can be any heading level -->
      <h3 class="cdx-accordion__header">
-       <!-- If using only a title, no <span> tags are required here;
+       <span class="cdx-accordion__header__title"> Accordion 1 </span>
-		however, if you want a title and a description to appear on
+    </h3>
-		separate lines, you should wrap them in spans as below and
+  </summary>
-		use the appropriate class names -->
+  <div class="cdx-accordion__content">
-       <span class="cdx-accordion__header__title">
+    <p>Lorem ipsum dolor sic amet...</p>
-        CSS-only Accordion Title
+  </div>
-      </span>
+</details>
-      <span class="cdx-accordion__header__description">
+<details class="cdx-accordion">
-        CSS-only Accordion Description
+  <summary>
-       </span>
+    <h3 class="cdx-accordion__header">
+       <span class="cdx-accordion__header__title"> Accordion 2 </span>
+    </h3>
+  </summary>
+  <div class="cdx-accordion__content">
+    <p>Lorem ipsum dolor sic amet...</p>
+  </div>
+</details>
+<details class="cdx-accordion">
+  <summary>
+    <h3 class="cdx-accordion__header">
+       <span class="cdx-accordion__header__title"> Accordion 2 </span>
      </h3>
    </summary>
-  <!-- The <details> element will treat all other children besides
-	<summary> as collapsible content; it is recommended to wrap
-	this content in a div with the .cdx-accordion__content class
-	to get content which is aligned with the heading above. -->
    <div class="cdx-accordion__content">
      <p>Lorem ipsum dolor sic amet...</p>

Template:Tabs: Difference between revisions

Revision as of 14:38, 28 February 2024

Accordion 1

Accordion 2

Accordion 2

Navigation menu

Search