JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">      
    <a href="#">Animals +</a>
    <ul>
        <li>Cat</li>
        <li>Dog</li>
        <li>Rabbit</li>
    </ul>
</div>

JavaScript

$('div.foo > ul').hide();
$('div.foo > a').click(function(event) {
    $(this).next('ul').show();
    event.preventDefault();
});