JSFiddle - React, Tailwind, and code Playground

HTML

<div class="border">
    <a href="#" class="btn">Welcome</a>
    <ul class="list">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

CSS

.border {
    padding: 10px;
    border: 1px solid gray;
}
.btn {
    text-decoration: none;
    color: black;
}
.list {
    display: none;
    list-style-type: none;
    margin: 10px;
    overflow: hidden;
}
.list li {
    float: left;
    margin: 0 0 0 10px;
    width: 50px;
    height: 50px;
    border: 1px solid blue;
}

JavaScript

$( document ).ready(function() {
    $('.btn').click(function(){
        $(this).siblings('.list').slideToggle(300);
    })

});