JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<a href="#" class="show_hide">Teste 1</a>
&nbsp;
<a href="#" class="show_hide2">Teste 2</a>
<div class="slidingDiv">
<center><br><br>
    Um teste inicial
</center>
</div> &nbsp;&nbsp;&nbsp;&nbsp;

<div class="slidingDiv2">
    <br><br><center>
        Outro Teste
    </center>
</div>

JavaScript

$( ".slidingDiv" ).hide();
  $( ".slidingDiv2" ).hide();
    
$( ".show_hide" ).click(function() {
  $( ".slidingDiv2" ).hide();
  $( ".slidingDiv" ).slideToggle( "slow" );
  $( ".slidingDiv" ).show();
});

$( ".show_hide2" ).click(function() {
   $( ".slidingDiv" ).hide();
   $( ".slidingDiv2" ).slideToggle( "slow" );
   $( ".slidingDiv2" ).show();
});