示例:(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 /
答案 0 :(得分:1)
您需要提供有关如何调用弹出脚本的更多信息。如果你正在使用jquery,你可以关闭所有,然后打开一个
$('.className').slideDown(200);
$('#specificItem').slideUp(200);
但是,你应该再解释一下如何更详细地进行调用以获得更好的答案
答案 1 :(得分:0)
示例,放入函数jQuery
if($('。hide')。css('display')=='block'){$('。hide')。slideUp(); } else {$('。hide')。slideDown(); }
答案 2 :(得分:0)
$(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)替换为