jquery - 点击链接，关闭div，用动画打开其他

Question

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

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

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

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

单击此处获取 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)