JSFiddle - React, Tailwind, and code Playground

by David Thomas

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() {
        $(this).closest('.container').find('.appended').remove();
        $(this).append('<div class="appended">' + $(this).find('a:first').attr('id') + '</div>');
    });
});