JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div>
        <button type="submit" id="clicker">Click me!</button>
        
    </div>
    <div class="show-hide">
        <div>
            <a href="#">Link to one place</a>
            <br>
            <a href="#">Another link</a>
            
        </div>
        
    </div>    
    
</div>

CSS

.show-hide
{
    display: block;
    margin: 0;
    padding: 0;
    clear:both;
}

#clicker /*style this button however you want*/
{
    background: #ddd;
    border: 1px solid #ccc;
    color: #333;
}

JavaScript

var $jinf = jQuery.noConflict();


$jinf(function() {
    $jinf("#clicker").click(function() {
        $jinf(".show-hide").slideUp("slow");
    }, function() {        
        if(!$jinf(this).data('pinned'))
            $jinf(".show-hide").slideDown("slow");
    });
    $jinf("#clicker").click(function() {
        var pin = $jinf(this).data('pinned');
        $jinf(this).data('pinned', !pin);
        if(pin) $jinf(".show-hide").slideDown("slow");      
    });
});