JSFiddle - React, Tailwind, and code Playground

by BlaXpirit

HTML

<div id="content">
    <p>lasdfadsflodfgsdofgls<br/>gadfgsdfg</p>
    <p>fhgdfghdgh</p>
    <p>hkguyyu</p>
    <p>asdfasd</p>
</div>
<div id="links">
    <input type="button" value="1"/>
    <input type="button" value="2"/>
    <input type="button" value="3"/>
    <input type="button" value="4"/>
</div>

CSS

#content {
    border: 1px solid black;
    padding: 5px;
}

JavaScript

function show_link(n){
    $('#content p').hide().eq(n).show();
}
        
$(function(){
    show_link(0);
    $('#links input').each(function(i){
        $(this).click(function(){
            show_link(i);
        });
    })
})