JSFiddle - React, Tailwind, and code Playground

by Josué López

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="wrapper" class="red">
        
        <a href="#" id="menu-toggle">
            pedro
            <span class="icon-arrow-left"></span>
            
        </a>
        
    </div>

CSS

body {
    height: 1600px;
}

#header {
    width: 100%;
    height: 50px;
    position: fixed;
}

.blue {
	background-color: blue;
}
.red {
   background-color: red;
}

JavaScript

jQuery(function() {





$("#menu-toggle").click(function(e) {
		console.log('haciendo click');
        e.preventDefault();
		$('#wrapper').toggleClass('toggled', function(){
			console.log('despues de agregar clase toggled');
			//$('.relative').height(newhei);
		});
		$('#menu-toggle span').toggleClass('icon-arrow-left');
		console.log('saliendo');
    });
    


})