JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="links">
        <a href="1d9.php" id="asdf1" onclick="return false;">one</a>
        <div class="appear"></div>
    </div>
    <div class="links">
        <a href="asf.php" id="asdf2" onclick="return false;">two</a>
        <div class="appear"></div>
    </div>
    <div class="links">
        <a href="iaj.php" id="asdf3" onclick="return false;">three</a>
        <div class="appear"></div>
    </div>
</div>

CSS

.appear {
    display : none;
}

JavaScript

$(document).ready(function() {
    $('#appear').hide();
    $('.links').click(function() {
        $(this).children('.appear').html('item id: ' + $(this).children('a').attr('id')).fadeToggle('slow');
    });
});