JSFiddle - React, Tailwind, and code Playground

HTML

<div id="portfolio">
    
    <div id="image_container">
        <img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif" alt="" class="one current" />
        <img src="http://static.jquery.com/files/rocker/images/btn_downloadLarge.gif" alt="" class="two" />
    </div>
    
    <div id="text_container">
        <a href="one" class="link">Item 1</a>
        <a href="two" class="link">Item 2</a>
        
        <p class="one current">A bunch of text!</p>
        <p class="two">The second bunch of text!</p>
    </div>
    
</div>

CSS

.current{
 border: 1px solid red;   
}

JavaScript

$(document).ready(function() {


    $('#text_container a').click(function(evt) {
        evt.preventDefault();
        
        $('.current').removeClass('current');
        
        var href = $(this).attr('href');

        $("." + href).addClass('current');

        
    });

});