如何优化jquery代码

我正在为我所在学院的一个组织进行一项新设计，我使用JQuery让我的导航栏做我希望它做的事情（单击特定导航项时向下滑动，单击该导航项或另一导航项时向上滑动[如果第二种情况为真，则向下滑动新导航项]）

相关JQuery：

function toggleMembers() {
if ($("#members-drop-down").is(":visible")) {
    $("#members-container").animate(
    {
        opacity: "0"
    },
    600,
    function(){
        $("#members-drop-down").slideUp();
    }
);
$("#members").removeClass('active');
}
else if ($("#about-drop-down").is(":visible")) {
    $("#about-container").animate(
        {
             opacity: "0"
        },
        600,
        function(){
             $("#about-drop-down").slideUp();
        }
    );
    $("#about").removeClass('active');
    $("#members-drop-down").slideDown(600, function(){
        $("#members-container").animate(
             {
                  opacity: "1"
             },
             600
        );
    });
    $("#members").addClass('active');
}
else if ($("#store-drop-down").is(":visible")) {
    $("#store-container").animate(
        {
             opacity: "0"
        },
        600,
        function(){
             $("#store-drop-down").slideUp();
        }
    );
    $("#store").removeClass('active');
    $("#members-drop-down").slideDown(600, function(){
    $("#members-container").animate(
        {
             opacity: "1"
        },
        600
    );
    });
    $("#members").addClass('active');
}
else {
    $("#members-drop-down").slideDown(600, function(){
        $("#members-container").animate(
              {
                    opacity: "1"
              },
              600
        );
    });
    $("#members").addClass('active');
}   
}

然而，不幸的是，我编写的JQuery比所有HTML占用更多的空间。我如何缩短和优化这个

---

My JSFIDLE。

使用以下方法之一缩小JavaScript文件：

---

这是怎么回事：该死，太完美了！非常聪明的代码，我的朋友，我只希望我有足够的代表投票给你或什么。