jquery.click（函数）工作不正常

我目前有一个点击事件和一些动画。我得到了我想要动画做什么的基本知识。这就是我所做的。在代码中断后，我将解释我的问题

$(document).ready(function(){
$('.hidden').hide().removeClass('hidden');

$('.about-prj-tog').click(function(event){      
    $('#logo-wrapper').animate({height:'toggle'}, 1000);
    $('#logo').delay(100).animate({height:'toggle'}, 1000);
    $('#about-prj').animate({height:'toggle'}, 1000);
    return false;
});
$('.weekly-tog').click(function(event){     
    $('#logo-wrapper').animate({height:'toggle'}, 1000);
    $('#logo').delay(100).animate({height:'toggle'}, 1000);
    $('#weekly-updates').animate({height:'toggle'}, 1000);
    return false;
});
$('.submit-story-tog').click(function(event){       
    $('#logo-wrapper').animate({height:'toggle'}, 1000);
    $('#logo').delay(100).animate({height:'toggle'}, 1000);
    $('#submit-drop-down').animate({height:'toggle'}, 1000);
    return false;
});

$('.x-icon').click(function(event){
    $('#logo-wrapper').animate({height:'toggle'} );
    $('#logo').show();
    $('#about-prj').animate({height:'toggle'} );
    $('#weekly-updates').animate({height:'toggle'} );
    $('#submit-drop-down').animate({height:'toggle'} );
});

}))

正如您可能已经看到的，我遇到的问题是，当我单击第一个链接时。动画发生了，看起来很棒。但是如果我点击下一个链接，另一个动画就会发生在第一个链接的下方。-没有第一个关闭第一个和第二个动画发生等等

有道理吗

还有关于整合代码并使其更高效的任何提示。我意识到我写了三次同样的东西，只是改变了类和ID。如果有更好的方法编写更少的代码，可以帮助我更好地理解jquery

---

另外，当我单击.x图标div时，各种各样的疯狂都会发生。

在jsfiddle.net上设置一个提琴确保选择I query framework:）检查jQuery和方法。您希望发生什么？你能在网站上发布一些相关的标记吗？