Difference between revisions of "Test"
From ThornsWiki
Thornswiki (talk | contribs) |
Thornswiki (talk | contribs) |
||
Line 92: | Line 92: | ||
}} | }} | ||
− | |||
− | + | ===TEST ACCORDION=== | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="accordion"> | |
− | + | <input name="accordion-1" class="accordion__input" type="checkbox" id="accordion-1-item-1"> | |
− | + | <input name="accordion-1" class="accordion__input" type="checkbox" id="accordion-1-item-2"> | |
− | + | <input name="accordion-1" class="accordion__input" type="checkbox" id="accordion-1-item-3"> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="accordion__item"> | ||
+ | <div class="accordion__header"> | ||
+ | <label class="accordion__opener accordion__opener--open" for="accordion-1-item-1">Open</label> | ||
+ | <label class="accordion__opener accordion__opener--close" for="accordion-1-item-1">Close</label> | ||
+ | <div class="accordion__title">Section 1</div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="accordion__content"> |
− | <p | + | <p>...</p> |
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="accordion__item"> |
− | <div class=" | + | <div class="accordion__header"> |
− | + | <label class="accordion__opener accordion__opener--open" for="accordion-1-item-2">Open</label> | |
− | + | <label class="accordion__opener accordion__opener--close" for="accordion-1-item-2">Close</label> | |
+ | <div class="accordion__title">Section 2</div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="accordion__content"> |
− | <p | + | <p>...</p> |
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="accordion__item"> |
− | <div class=" | + | <div class="accordion__header"> |
− | + | <label class="accordion__opener accordion__opener--open" for="accordion-1-item-3">Open</label> | |
− | + | <label class="accordion__opener accordion__opener--close" for="accordion-1-item-3">Close</label> | |
+ | <div class="accordion__title">Section 3</div> | ||
</div> | </div> | ||
− | + | <div class="accordion__content"> | |
− | <p | + | <p>...</p> |
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | |||
− | |||
__NOTOC__ | __NOTOC__ |
Revision as of 22:19, 13 January 2019
NavFrame Modification: Works
Hello world.
'NavFrame Modification: Works
|
|
|
TEST ACCORDION
<input name="accordion-1" class="accordion__input" type="checkbox" id="accordion-1-item-1"> <input name="accordion-1" class="accordion__input" type="checkbox" id="accordion-1-item-2"> <input name="accordion-1" class="accordion__input" type="checkbox" id="accordion-1-item-3">
<label class="accordion__opener accordion__opener--open" for="accordion-1-item-1">Open</label> <label class="accordion__opener accordion__opener--close" for="accordion-1-item-1">Close</label>
Section 1
...
<label class="accordion__opener accordion__opener--open" for="accordion-1-item-2">Open</label> <label class="accordion__opener accordion__opener--close" for="accordion-1-item-2">Close</label>
Section 2
...
<label class="accordion__opener accordion__opener--open" for="accordion-1-item-3">Open</label> <label class="accordion__opener accordion__opener--close" for="accordion-1-item-3">Close</label>
Section 3
...