JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="bir"> click</div>
<div id="iki"> slideDown </div> 
</br></br>

<div id="uc"> click </div>
<div id="dort"> slideUp </div>
</br></br>

<div id="bes"> click </div>
<div id="alti"> slideToggle </div>

CSS

#bir, #uc, #bes
{
    background-color:yellow;
    height:50px;
    width:100px;
 }


#iki, #alti {  
    background-color:orange;
    display:none;
    height:100px;
    width:100px;
}

#dort {    
    background-color:orange;
    height:100px;
    width:100px;
}

JavaScript

$("#bir").click(function(){
    $("#iki").slideDown("slow");
    
  });



  $("#uc").click(function(){
    $("#dort").slideUp("slow");
  });



  $("#bes").click(function(){
    $("#alti").slideToggle("slow");
  });