jquery菜单滑动及显示隐藏效果

滑动效果

$(document).ready(function () {
    $(".menu_body").hide();

    $(".menu_head").click(function () {
        //通过next(".menu_body") 获得对应的内容DIV，让其具有“滑动”效果  
        // 再通过siblings(".menu_body")获得所有同级的 内容DIV， 让其滑动着隐藏起来， （同一时间，只有一个内容DIV显示出来）  

    $(this).next(".menu_body").slideDown("slow").siblings(".menu_body").hide();
    });
}); 

隐藏显示效果

$(document).ready(function(){
$("#barImg").toggle(function(){
$(".menu").hide();
$("#barImg").attr("src","images/butOpen.gif")},function(){
$(".menu").show();
$("#barImg").attr("src","images/butClose.gif")
});
});