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');
            });
        });
    });

激活器显示内容，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）替换为

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

3 个答案: