JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu-cinza">
    <ul>
        <li><a href="lin1">1</a></li>
        <li><a href="lin2">2</a></li>
        <li><a href="lin3">3</a></li>
        <li><a href="lin4">4</a></li>
        <li><a href="lin5">5</a></li>
    </ul>
</div>

    <div id="lin1"  class="itens">
        <p>a</p>
    </div>

    <div id="lin2"  class="itens">
        <p>b</p>
    </div>

    <div id="lin3"  class="itens">
        <p>c</p>
    </div>

    <div id="lin4"  class="itens">
        <p>d</p>
    </div>

    <div id="lin5"  class="itens">
        <p>e</p>
    </div>

CSS

#menu-cinza ul li{list-style:none; float: left; width:971px; margin:25px 0 0 0;}

.itens, #1,#2,#3,#4,#5{display:none; list-style;}

JavaScript

//jquery com each

$(document).ready(function(){ //chamando jquery
    $('#menu-cinza li a').click(function(e){
        e.preventDefault();
        // pega a dive que será exibida
        var id = "#" + $(this).attr("href");
        $(".itens").hide();
        $(id).show();
    });
});