application.js

$(document).ready(function() {
	console.log("js ready");

	$('#menu-button').click(function() {
		console.log("hamburger clicked");
		$('.body').removeClass( "initial" );
		$('.nav-links').removeClass( "blink" );

		// Special case for the very first hamburger click,
		// Show nav, shift-out .body
		if (!$('.body').hasClass( "shift-out" ) && !$('.body').hasClass( "shift-in" )) {
			$('.nav').removeClass( "hidden" )
			$('.body').addClass( "shift-out" );
			return;
		}

		// Subsequent clicks, we'll just toggle the shift-out and shift-in
		$('.body').toggleClass( "shift-out");
		$('.body').toggleClass( "shift-in" );		
	});


	$('.nav-links').click(function() {
		console.log("clicked while open");
		$(this).toggleClass( "blink" );					// immediately blink the selected link

		$('.body').delay(200).queue(function(){ // shift in body after small delay
			$(this).addClass( "shift-in" );
			$(this).removeClass( "shift-out" ).clearQueue();
		});
	});
});