show-hide - 单击链接以隐藏所有其他内容 div

Question

示例：（werkwijze 是自定义的，我也有与其他名称相同的代码，例如 -contact）

    $(function() {
        $('#activator-werkwijze').click(function(){
            $('#overlay-werkwijze').fadeIn('fast',function(){
                $('#box-werkwijze').animate({'bottom':'0px'},800);
            });
        });
        $('#boxclose-werkwijze').click(function(){
            $('#box-werkwijze').animate({'bottom':'-600px'},800,function(){
                $('#overlay-werkwijze').fadeOut('fast');
            });
        });
    });

activator 显示内容，boxclose 关闭内容。单击所有激活器会打开所有内容，而它只需要打开一个并关闭其他..

编辑得到它修复：这是有效的脚本，（覆盖是无用的）jsfiddle.net/8y7Sr/126/

Answer 1

您需要提供有关如何调用弹出脚本的更多信息。如果您使用的是 jquery，您可以关闭所有然后打开一个

$('.className').slideDown(200);
$('#specificItem').slideUp(200);

但同样，你应该更详细地解释你是如何打电话的，以获得更好的答案

Answer 2

例如，放入函数 jQuery

if($('.hide').css('display')=='block'){ $('.hide').slideUp(); }else{ $('.hide').slideDown(); }

Answer 3

$(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)