JSFiddle - React, Tailwind, and code Playground

HTML

<div class="no-1">
    <ul id="filter">
        <li class="portfolio">
            <a href="#">View More Stuff 1</a>
        </li>
        <li class="portfolio">
            <a href="#">View More Stuff 2</a>
        </li>
        <li class="portfolio">
            <a href="#">View More Stuff 3</a>
        </li>   
    </ul>
</div>

<div class="no-2">
    <div class="portfolio-more" id="more-data-1">
    <p>More Stuff 1<p>
        <a class="back" href="#">back</a> 
    </div>
    <div class="portfolio-more" id="more-data-2">
        <p>More Stuff 2<p>
            <a class="back" href="#">back</a>
    </div>
    <div class="portfolio-more" id="more-data-3">
        <p>More Stuff 3<p>
            <a class="back" href="#">back</a>
    </div>      
</div>

JavaScript

$('.portfolio-more').hide();
$('.portfolio').click(function(){
    $('.portfolio-more').hide();
    $('#more-data-'+ (parseInt($(this).index())+1)).show();
});

$('.back').click(function(){
    $('.portfolio-more').hide();
    $('.no-1').show();
});