Jquery 我怎么能'；不要对此动画调用回调

我可能在做一些愚蠢的事情，但由于某种原因，我今天无法思考

我有三个部门，他们都有一个“职员”班。当您单击一个div时，它的宽度应该会扩大，而其他两个div则会缩小。如果单击其他div，则该div现在应展开，而其他div应收缩。这一切都很好。但是，我需要一个回调函数，因此如果您再次单击展开的div，它应该将所有三个div返回到正常大小（缩小先前展开的div并增大缩小的div）

如果我添加一个回调函数，它什么也不做，如果我尝试将它作为一个单独的函数运行，扩展的div将收缩，然后再次扩展

这是我的密码：

jQuery(document).ready(function() {

    var regionWidth = jQuery(".region-panels").width();
    jQuery(".staff_wrapper").css("width",regionWidth*0.84);

    var halfRegion = regionWidth/2;
    var howMany = jQuery(".staff_member").length;
    var makeMeThin = halfRegion/howMany;

    jQuery(".staff_member").css("width",makeMeThin);
    jQuery(".staff_member img").css("cursor", "pointer");

    jQuery(".staff_member").click(function () {
        jQuery(".expanded").removeClass("expanded");
        jQuery(this).addClass("expanded");
        jQuery(".staff_member").not(this).animate({"width":"5%"}, function(){
            jQuery(".expanded").stop().animate({"width":"84%"});
        });
    }, function(){
        jQuery(".staff_member").animate({"width":makeMeThin});
    });

});

---

要在展开的部分上单击，请执行其他操作，只需在单击处理程序中检查单击的项目是否已展开：

jQuery(".staff_member").click(function () {
    if (jQuery(this).hasClass("expanded")) {
        // clicked item already expanded, set all back to normal width
        jQuery(".expanded").removeClass("expanded");
        jQuery(".staff_member").animate({"width": "50%"});   // you add right code for setting to normal width
    } else {
        // clicked on item was not already expanded
        jQuery(".expanded").removeClass("expanded");
        jQuery(this).addClass("expanded");
        jQuery(".staff_member").not(this).animate({"width":"5%"}, function(){
            jQuery(".expanded").stop().animate({"width":"84%"});
        });
    }
});

您没有在代码中显示正常宽度，所以我将留给您填写