jQuery

【jQuery】jQueryを使ったFAQアコーディオンAccordion FAQ Slider

February 24, 2017
jquery faq slider

Accordion FAQ SliderはjQueryを使ったFAQ アコーディオン。

HTML

        <div class="title">
            <h3>FAQ Slider Using JQuery</h3>
        </div>

        <ul class="faq">
            <li class="q"><img src="Images/arrow.png"> What is your name?</li>
            <li class="a">My name is Barry Allen</li>

            <li class="q"><img src="Images/arrow.png"> Who is the fastest man alive?</li>
            <li class="a">The Flash</li>

            <li class="q"><img src="Images/arrow.png"> Who said "Why So Serious"?</li>
            <li class="a">Joker</li>

            <li class="q"><img src="Images/arrow.png"> Who is Aquaman?</li>
            <li class="a">DC Comic Character</li>

            <li class="q"><img src="Images/arrow.png"> Who is the man in yellow?</li>
            <li class="a">Reverse Flash</li>

            <li class="q"><img src="Images/arrow.png"> What is real name of Goku?</li>
            <li class="a">Kakarot</li>
        </ul>