Zakładki akordeonowe (Handyshop)
Wygląd zakładek akordeonowych


1. Aby wyświetlić zakładkę typu akordeon, użyj następującego kodu HTML:

<div class="js-accordion-tabs-outer accordion-tabs-outer">
    <div class="js-accordion-tab accordion-tab">
        <div class="accordion-tab__title js-accordion-tab-title">
            Zakładka 1 
            <span class="accordion-tab__caret far fa-chevron-down bs-color"></span>
        </div>
        <div class="js-accordion-tab-content accordion-tab__content">
            Zawartość zakładki 1
        </div>
    </div>
    
    <div class="js-accordion-tab accordion-tab">
        <div class="accordion-tab__title js-accordion-tab-title">
            Zakładka 2 
            <span class="accordion-tab__caret far fa-chevron-down bs-color"></span>
        </div>
        <div class="js-accordion-tab-content accordion-tab__content">
            Zawartość zakładki 2
        </div>
    </div>
    
    <div class="js-accordion-tab accordion-tab">
        <div class="accordion-tab__title js-accordion-tab-title">
            Zakładka 3 
            <span class="accordion-tab__caret far fa-chevron-down bs-color"></span>
        </div>
        <div class="js-accordion-tab-content accordion-tab__content">
            Zawartość zakładki 3
        </div>
    </div>
</div>


Kod zakładek akordeonowych
Kod zakładek akordeonowych do szablonu graficznego "Handyshop"