JSFiddle - React, Tailwind, and code Playground

by bren

HTML

<ul id="dropdown">
    <li><a>Question One</a>

        <div>Answer to Question One...<br/>Anstherline</div>
    </li>
    <li><a>Question Two</a>

        <div>Answer to Question Two...</div>
    </li>
</ul>

CSS

ul {
    color: grey;
    margin: 0;
    padding: 0;
}
ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul li a {
    color: red;
}
ul li div {
    display: none;
}

JavaScript

$(function () {

    // Opened By Hashtag
    if (window.location.hash) {
        $('div#' + window.location.hash).show();
    }

    $('#dropdown li a').each(function () {
        // Normal, On-Click Operation
        $(this).click(function () {
            $(this).siblings('div').slideToggle(300);
        });
    });

});