jquery animate实现slideup slidedown反向效果

发布时间:2021-01-10编辑:脚本学堂
有关jquery animate方法的用法,animate实现slideUp slideDown反向操作,一个简单的例子。

代码:
 

复制代码 代码示例:
function showLockWarningUI(selection_id){
    var element = $('#' + selection_id + ' .lock-warning-container');
    element.show().find('.lock-warning-section').css('opacity','0').animate({top:'0px',opacity:'1'},500);
    setTimeout(function(){
    hideLockingWarningUI(selection_id);
    },2000);
}
function hideLockingWarningUI(selection_id){
    var element = $('#' + selection_id + ' .lock-warning-container');
    element.find('.lock-warning-section').animate({top:'41px',opacity:'0'},500,function(){
    element.hide();
});
}