javascript - 在显示另一个元素时隐藏一个元素？

Question

我需要一种方法来隐藏一个元素 (.close-button) 而另一个 (#loading-animation) 正在显示。我如何在 jQuery 中使用条件来实现这一点？

类似于:

while ($('#loading-animation').show(100);) {
    $('.close-button').hide();
}

显然这行不通，但我怎样才能正确格式化它呢？

Answer 1

使用show( [duration ] [, complete ] )的完整回调

 $('.close-button').hide();
 $('#loading-animation').show(100, function(){
       $('.close-button').show();
 });

所有的 jQuery 动画都有一个完整的回调选项

引用: show() Docs