我有一个功能——vertToggle()
它可以切换一个元素在屏幕上上下滑动。我想创建一个事件链,将元素滑出屏幕,更改其中的内容,然后将其向上滑动。但是,它们需要一个接一个地触发,而不是同时触发,因此需要将它们设置为彼此的回调。
当前的非工作设置是:
vertToggle( '-' );
$(".content").hide()
$("#"+load).show();
vertToggle( '+' );
但是,我不了解使这些正确触发所需的回调函数语法,即执行vertToggle()
,完成时执行hide/show
中间操作,然后在完成后执行第二次vertToggle()
。
感谢您的任何指示。
编辑:根据要求,这是 vertToggle 函数,不确定它是否相关.. $overlay 是正在动画的元素:
function vertToggle( offset ) {
var height = $overlay.outerHeight();
var props = {};
var distance = ( offset == '-' ) ? height : 0 ;
props["bottom"] = offset+distance+'px';
if( !Modernizr.csstransitions ) {
$overlay.animate(props, 750);
$overlay.toggleClass("open");
}
else {
$overlay.css(props);
$overlay.toggleClass("open");
}
}