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="collapse" data-bs-target="#collapseOne1{{{id|}}}" aria-expanded="{{#ifeq:{{{show|hide}}}|hide|false|true}}" aria-controls="collapseOne1{{{id|}}}" style="cursor: pointer; {{{addtitlestyle|}}}"> | <span class="accordion-button {{{titleclass|}}} {{#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|}}}" class="p-0 accordion-collapse collapse {{{show|hide}}} border-0" data-bs-parent="#{{{id}}}"> | <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 per 14 Juli 2026 15.53
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.
}}
|
|