jquery hide,show方法问题

Question

有AB 2个层，B在A里面，初始display都是none，首先是显示效果，A.show()后B.show('500'); 效果正常：A层先显示，B层以500的速度匀速逐渐显示
但是隐藏出现了问题，希望达到的效果是B层先以500的速度hide，然后A再hide，但无论如何顺序，都是AB一起瞬间都隐藏掉了，请问有没有办法在隐藏的时候，让B确实先执行完.hide('500')后再让A.hide()？

Answer 1

show, hide 都有 callback 函数，callback 就是在一个动作完成之后【再】执行的函数$("#divB").hide(500, function() {$("#divA").hide();});

Answer 2

$(b).hide(500,function(){$(a).hide();})