JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sclit"></div>

    <a href="javascript:void(0)" class="para">Sci Lit 1</a>
    <div class="details">text for sci lit 1</div> 
    <a href="javascript:void(0)" class="para">Sci Lit 2</a>
    <div class="details">text for sci lit 2</div>    
    <a href="javascript:void(0)" class="para">Sci Lit 3</a>
    <div class="details">text for sci lit 3</div>

CSS

.details {display:none;}

JavaScript

$(function(){
        
        $(".para").click(function(){
            $("#sclit").text($(this).next(".details").text()); 
        });
        $(".details:first").clone().appendTo("#sclit").show();

        
    });