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 id="appear"></div>
    </div>
    <div class="links">
        <a href="asf.php" id="asdf2" onclick="return false;">two</a>
        <div id="appear"></div>
    </div>
    <div class="links">
        <a href="iaj.php" id="asdf3" onclick="return false;">three</a>
        <div id="appear"></div>
    </div>
</div>

JavaScript

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