单击链接，关闭div，打开其他动画

Question

现在的情况： 4个导航链接，点击它打开带动画的内容域。

问题： 可以打开所有内容字段，而当时它应该是一个。

解决方案：吗 单击导航链接时，关闭所有内容字段，只打开一个。

This is the script which works, (the overlay is useless):

Click Here for JSFiddle

Answer 1

$(function() {
    $('.activator').each(function(){
        $(this).click(function(){
            showHideAnimation(clickedObj);
        });
    });
}

function showHideAnimation(clickedObj)
{
    $('.activator').each(function(){
        if($(this).id == clickedObj.id) {
            $(this).fadeIn('fast',function(){
                $(this).animate({'bottom':'0px'},800);
            });
        } else {
            $(this).animate({'bottom':'-600px'},800,function(){
                $(this).fadeOut('fast');
            });
        }
    }
}

如果效果不正常，请尝试使用此

将 $（this）替换为