show и hide как работают
 

Подскажите иза чего возникает задержка при закрытии и как исправить

<script>
 jQuery(document).ready(function(){
  $('.menu-open').on('click', function() {
 
   if ($('.menu-content').css('display') == 'none') 
   {
    $('.menu-content').animate({width: 'show'}, 1000);
    $('.menu-content').addClass('open');
   
   } else {
    $('.menu-content').animate({width: 'hide'}, 1000); 
    $('.menu-content').removeClass('open');
    
   }
  });
 });
</script>

<div class="menu-open">Меню</div>
<div class="menu-content" style="display: none;">
	<div class="content">
		<div class="block">
			Текст в раскрывающемся блоке
			<div class="menu-open">х</div>
		</div>
	</div>
</div>

Вопрос снят