Templat: BootstrapAccordion2Collapse: Perbedaan antara revisi
Dari GBI Danau Bogor Raya
Tidak ada ringkasan suntingan |
Tidak ada ringkasan suntingan |
||
| Baris 2: | Baris 2: | ||
<div class="accordion-item border border-0"> | <div class="accordion-item border border-0"> | ||
<h{{{headingno|2}}} class="accordion-header "> | <h{{{headingno|2}}} class="accordion-header "> | ||
<span class="accordion-button {{{titleclass|}}} {{#ifeq:{{{show|hide}}}|hide|collapsed|}} p-0" type="button" data-bs-toggle=" | <span class="accordion-button {{{titleclass|bg-transparent}}} {{#ifeq:{{{show|hide}}}|hide|collapsed|}} p-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne1{{{id|ID}}}" aria-expanded="{{#ifeq:{{{show|hide}}}|hide|false|true}}" aria-controls="collapseOne1{{{id|ID}}}" style="cursor: pointer; {{{addtitlestyle|}}}"> | ||
<h{{{headingno|2}}}>{{{title}}}</h{{{headingno|2}}}> | <h{{{headingno|2}}}>{{{title}}}</h{{{headingno|2}}}> | ||
</span> | </span> | ||
</h{{{headingno|2}}}> | </h{{{headingno|2}}}> | ||
<div id="collapseOne1{{{id|ID}}}" class="p-0 | <div id="collapseOne1{{{id|ID}}}" class="p-0 accordion-collapse collapse {{{show|hide}}} border-0" data-bs-parent="#{{{id}}}"> | ||
<div class="accordion-body {{{bodyclass|}}} grid py-0 pt-3 pb-0 px-0 border-0"> | <div class="accordion-body {{{bodyclass|}}} grid py-0 pt-3 pb-0 px-0 border-0"> | ||
{{{body}}} | {{{body}}} | ||
Revisi terkini sejak 21 Juli 2026 11.12
Dokumentasi templat
Usage
{{BootstrapAccordion2Collapse
| id=
| addclass= mb-3
| titleclass=
| title=
| headingno=2
| body=
}}
Example
| Code | Result |
|---|---|
{{BootstrapAccordion2Collapse
| id= loremipsum
| addclass= mb-0
| titleclass=
| title= Lorem ipsum
| headingno= 4
| body=
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et sodales ipsum. Phasellus lectus libero, mattis quis sem sit amet, pretium sodales ipsum. Donec a blandit nibh.
Donec bibendum, justo eu congue mattis, purus neque aliquet sapien, eget tempor felis libero nec urna. Maecenas rutrum sem id dui ultricies dapibus. Fusce nec leo eros.
Aliquam euismod mi malesuada ipsum rutrum facilisis. Fusce id ex blandit, porttitor est vel, dictum nisl. Curabitur et consectetur orci, id tincidunt eros. Sed eu augue nec leo accumsan malesuada aliquam ac tortor.
}}
|
|