JSFiddle - React, Tailwind, and code Playground

by bibin_v

HTML

<ul>
    <li>
        <a href="#" calss="show-div">More Info</a>
        <div class="job_description">
            Info
        </div>
    </li>
    <li>
        <a href="#" calss="show-div">More Info</a>
        <div class="job_description">
            Info
        </div>
    </li>
    <li>
        <a href="#" calss="show-div">More Info</a>
        <div class="job_description">
            Info
        </div>
    </li>
</ul>

CSS

.job_description{
    display:none;
}

JavaScript

$(document).ready(function(){
    $('li a').click(function(){
            $('.job_description').slideUp('');
            $(this).next().slideDown('');
    })

});