JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<script src="http://code.jquery.com/jquery-1.4.4rc1.min.js"></script>

<span id='showmenu'><a href='#'>Show Menu</a></span>

<span id='menu'><a href='#'>Hide Menu</a>
<!-- Table with links -->
</span>

JavaScript

$('#showmenu').hide();


function hidemenu() {
    $('#menu').slideUp(1500);
    $('#showmenu').fadeIn(1000);
}
function showmenu() {
    $('#menu').slideDown(1500);
    $('#showmenu').fadeOut(1000);
}

$('#showmenu').click(showmenu);
$('#menu').click(hidemenu);