مشکل در منوی کشویی با جی کوئری

[M.Javad 684]

سلام این کد منو کشویی اول به این صورت بود به که هاور موس باز میشد

<script type="text/javascript">
$(function(){
//Hide SubLevel Menus
$('.menu ul li ul').hide();

//OnHover Show SubLevel Menus
$('.menu ul li').hover(
  //OnHover
  function(){
   //Hide Other Menus
   $('.menu ul li').not($('ul', this)).stop();

   //Remove the Border
   $('ul li', this).css('border', '0');
   // Show Hoved Menu
   $('ul', this).slideDown();
  },
  //OnOut
  function(){
   // Hide Other Menus
   $('ul', this).slideUp();
   //Remove the Arrow
   $('ul li.arrow', this).remove();
  }
);

});
</script>

حالا من اومدم به جای hover نوشتم click که با زدن کلیک کشویییش باز بشه

<script type="text/javascript">
$(function(){
//Hide SubLevel Menus
$('.menu ul li ul').hide();

//OnHover Show SubLevel Menus
$('.menu ul li').click(
  //OnHover
  function(){
   //Hide Other Menus
   $('.menu ul li').not($('ul', this)).stop();

   //Remove the Border
   $('ul li', this).css('border', '0');
   // Show Hoved Menu
   $('ul', this).slideDown();
  },
  //OnOut
  function(){
   // Hide Other Menus
   $('ul', this).slideUp();
   //Remove the Arrow
   $('ul li.arrow', this).remove();
  }
);

});
</script>

ولی عمل نمیکنه :|

[imanfakhar 26231]

$(function(){
$('.menu ul li ul').hide();
$('.menu ul li').click(function(){
  if( $('ul', this).is(":hidden")) {
	 $('.menu ul li').not($('ul', this)).stop();
	 $('ul li', this).css('border', '0');
	 $('ul', this).slideDown();
  }
  else {
	 $('ul', this).slideUp();
	 $('ul li.arrow', this).remove();
  }
});
});

[M.Javad 684]

نشد بازم :|

http://www.home.bourstahlil.ir/

[imanfakhar 26231]

در مورد جی کوئری مطالعه کنید

کد شما بسته به شکل html کار می کنه

[themento 348]

چرا کار رو سخت میکنید:

http://www.w3schools.com/jquery/eff_slidetoggle.asp

http://api.jquery.com/slideToggle/