JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="menu_about" class="textWord_about"> <a class="link" href="#about" data-link="first">
        &nbsp;&nbsp; Chama primeira div
    </a> &#8226;</div>
<div id="pages_about" class="textContainer_about">
    <div class="textWord_about" data-link="first">
        <p>Primeira div
            <br> <a class="link" href="#about" data-link="second">link para a segunda div</a>
        </p>
    </div>
    <div class="textWord_about" data-link="second">
        <p>Segunda div
            <br> <a class="link" href="#about" data-link="third">link para a terceira div</a>
        </p>
    </div>
    <div class="textWord_about" data-link="third">
        <p>Terceira div
            <br> <a class="link" href="#about" data-link="fourth">link para a quarta div</a>
        </p>
    </div>
    <div class="textWord_about" data-link="fourth">
        <p>Quarta div
            <br> <a class="link" href="#about" data-link="fifth">link para a quinta div</a>
        </p>
    </div>
    <div class="textWord_about" data-link="fifth">
        <p>Quinta div</p>
    </div>
</div>

JavaScript

$('.textWord_about').not(':first').hide();
$('.link').click(function () {
    $('.textWord_about').hide();
    $('.textWord_about[data-link=' + $(this).data('link') + ']').slideDown('fast')
});