tessguefen
6/23/2015 - 9:20 PM

slide down/ up dropdown menu (lotus) (wip)

slide down/ up dropdown menu (lotus) (wip)

.navigation-set li ul.drop-down {
		background: #f4f1ec;
		box-shadow: 0 3px 6px -3px rgba(0, 0, 0, .3);
		display: block;
		margin-top: 6px;
		padding: 1rem 1rem 1.5rem;
		border-top: 3px solid #bb630e;
		-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.25);
		box-shadow: 0 1px 10px 0 rgba(0,0,0,.25);
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition:  all .3s ease;
		-webkit-transform: scaleY(0);
	       -moz-transform: scaleY(0);
	        -ms-transform: scaleY(0);
	            transform: scaleY(0);
	    transform-origin: top;
	     -webkit-transition-delay: 1s; /* Safari */
	    transition-delay: 1s;
	}
	.navigation-set li:hover ul.drop-down {
		display: block;
				-webkit-transform: scaleY(1);
	       -moz-transform: scaleY(1);
	        -ms-transform: scaleY(1);
	            transform: scaleY(1);
	     -webkit-transition-delay: 0s; /* Safari */
	    transition-delay: 0s;
	}
	.navigation-set li.clearit ul.drop-down {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition:  none;
		-webkit-transform: scaleY(0);
	       -moz-transform: scaleY(0);
	        -ms-transform: scaleY(0);
	            transform: scaleY(0);
	}
			$('#js-navigation-bar > ul > .level-1.shop-menu, #js-navigation-bar > ul > .level-1.about-menu').mouseenter(function() {
				if( $(this).hasClass('about-menu')) {
					$('.shop-menu').addClass('clearit');
				} else {
					$('.about-menu').addClass('clearit');
				}
			}).mouseleave(function() {
				$('.clearit').removeClass('clearit');
			});