app.js

/**
* --------------------------------------------------------------------------
* SEARCH LABAS
* --------------------------------------------------------------------------
*/

var searchBtn = function(){
	$('.search-btn').click(function(e){
		e.preventDefault();
		$(this).siblings('.form-search').fadeToggle();
		$('.menu-shadow').fadeToggle();
	});

	$('.close-search').click(function(e) {
		e.preventDefault();
		$('.form-search').fadeOut();
		$('.menu-shadow').fadeOut();
	});

	$('.form-search').on('submit', function(e) {
		e.preventDefault();
		var text = $(this).serializeArray()[0].value.split(' ');
		$('.search-tag-container').fadeIn();
		for (var i = 0; i < text.length; i++) {
			$('.search-tag-container .search-tag-list').append("<li><a href='#'>" + text[i] + "<i class='fa fa-times'></i></a></li>");
		}

		$('.search-tag-list a').click(function(e) {
			e.preventDefault();
			console.log();
			if($('.search-tag-list li').length != 1) {
				$(this).parent('li').remove();
			} else {
				$('#search-keywords').val('');
				$(this).parent('li').remove();
				$('.search-tag-container').fadeOut();
			}
		});
	});
}();


/**
* --------------------------------------------------------------------------
* ELASTIC MENU
* --------------------------------------------------------------------------
*/
var isAnimate = false;
var menuBtn = function(){
	var morphEl = document.getElementById( 'morph-shape' ),
		pathOpen = morphEl.getAttribute( 'data-morph-open' ),
		s = Snap( morphEl.querySelector( 'svg' ) ),
		path = s.select( 'path' ),
		initialPath = path.attr('d');


	$('.menu-btn').click(function() {
		if(isAnimate) { return false; }
		isAnimate = true;
		$('body').addClass('show-menu');
		path.animate( { 'path' : pathOpen }, 400, mina.easeinout, function() { isAnimate = false; });
		$('.menu-shadow').fadeIn().css('z-index', 4);
	});

	$('#close-button').click(function() {
		$('.menu-shadow').fadeOut().css('z-index', 1);
		path.attr( 'd', initialPath );
		$('body').removeClass('show-menu');
	});

	$('.menu-shadow').click(function(){
		$('.form-search').fadeOut();
		$(this).fadeOut().css('z-index', 1);
		$('body').removeClass('show-menu');
		setTimeout( function() {
			// reset path
			path.attr( 'd', initialPath );
		}, 300 );
		$('.search-tag-container').fadeOut();
		$('.search-tag-container li').remove();
		$('#search-keywords').val('');
	});
}();