$(document).ready(function() {

  $('.navi').mouseenter(function(){
	
	  $(this).stop(true,true);
	  $(this).find('div.weiss').animate({

	    height: '0px'
	  },{
		duration: 300,
		easing: 'swing',
		queue: false
		
		 });
	
  });
	 
	
	
	$('.navi').mouseleave(function(){
		
		if ($(this).children('a').hasClass('active')){
			
		} else{
			$('#navi').dequeue();
			$(this).find('div.weiss').animate({
			
	    		height: '31px'
	  		}, 300, 'swing', function() {
	    		// Animation complete.
	  		});
	 	}
		
	});
});