一位Jq小白的发现之菜单项的显示隐藏的多种有趣做法

在学习中，我发现了鼠标移入，移出时菜单项的显示隐藏有趣的多种做法，使我对今后的学习更加有兴趣了。

这是做法一，是点击事件（自己一开始想到的，一步搞定开心ing），点击时显示该li标签下的子菜单，点击其他li标签则把其他的li下的ul隐藏，只显示它自己的，依次类推。
$(function(){
$("#nav>ul>li").click(){
$(this).children().show().parent().siblings().find(“ul”).hide();
)
教程上看到的有：
1，可以用show(),里面写speed来实现动画效果show(5000)
$(function(){
$(".item").mouseover(function(){
$(this).find(“ul”).show(500);}
2， slideDown（）：就是把以上代码show()改为slideDown（）,通过高度的向下增大显示元素
3，fadeIn():：就是把以上代码show()改为fadeIn（）,通过增大不透明度来显示元素
而hide(),slideUp(),fadeOut()则分别于以上三者相反。