JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="styles.css">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  <script src="js.js"></script>
 </head> 
 
<body>
    <div id="container">
    
        <div id="block1"></div>
        
        
        <div id="block2">
        <div id="button">Свернуть</div>
        </div>
        
    </div>
 </body> 
</html>

CSS

#container{
    width: 400px;
}
#block1{
    height: 100px;
    background-color:lightgreen;
}
#block2{
    height: 100px;
    background-color:lightblue;
}

JavaScript

$(function () {   

    $('#button').click(function (){ 
        $("#block2").slideToggle();
        $('#button').css('position','relative');
        $('#button').animate({bottom:'100px'}, 1000);
    }); 

});