Jquery anlayan arkadaşlar hızlı menü olayı soru ?

Selam arkadaşlar altta verdiğim sayfada örnek hızlı açılır menü sistemi hazırladım.

ilk menüden 2. menüye sonra tekrar ilk menüye tıklarsanız sorunu görürsünüz bunu nasıl düzeltebilirim ?

Yapmak istediğim menü1den menü2 ye geçişimde menü1i kapatsın
menü2den menü1 e geçişimde menü2yi kapatsın

nasıl yapabilirim ?

demo

$(".m1").click(function() {             
        //burda ul.menu açılıyorken ul.menu2 yi kapatmamız lazım
        $("ul.menu2").slideUp('fast');
 
        $("ul.menu").slideDown('slow');    
});

 $(".m2").click(function() {
         //burda ul.menu2  açılıyorken ul.menu yi kapatmamız lazım
        $("ul.menu").slideUp('fast');    
     
        $("ul.menu2").slideDown('slow');    
});

bu şekilde yapabilirsin ama o kadar kod yazmak yerine şu kodlarda işini görür

html yapın ;

<div id="icerik">
	<div>MENÜ 111111</div>
	<div>MENÜ 222222</div>
</div>
	
<div id="menu">
	<div>Menu1</div>
	<div>Menu2</div>
</div>

jquery;

$(function(){

	$('div#menu > div').click(function(){
		// div#menu içindeki divlere tıklandığında bu fonksıyon calıscak
		var indis = $(this).index(); // tıklanan div'in indis'ini alıyoruz
		$('div#icerik > div').slideUp('fast'); // div#icerik içindeki tüm divleri kapatıyoruz
		$('div#icerik > div').eq(indis).slideDown('slow');// div#icerik içindeki divlerden indis'i tıklanan indis olan div'i açıyoruz
	});

	$('div#icerik').mouseleave(function(){
		// fare div#icerik'den ayrıldığında
		$('div#icerik > div').slideUp('fast'); // div#icerik içindeki tüm divleri kapatıyoruz
	});

});

Üstad eline sağlık valla 2 saattir yapamamıştım.