jQuery 在悬停时向上/向下滑动

Question

我需要做的，div“更改”等待结束，向下滑动div“用户名”并开始向上滑动，悬停时也是如此

演示: http://jsfiddle.net/2jHBQ/3/

 <div id="avatar">
        <div id="username">Madona</div>
        <div id="change">Change profile</div>
    </div>

$("#avatar").hover(function () {

    $("#username").slideToggle(250);
     $("#change").slideToggle(250);
});

Answer 1

您必须使用 slideToggle() 的回调如果您也希望它退出，您需要指定 hover() 的 handlerOut 函数方法也是如此，只是以相反的顺序，类似于:

$("#avatar").hover(function () {
    $("#username").slideToggle(250, function () {
        $("#change").slideToggle(250);
    });
}, function () {
    $("#change").slideToggle(250, function () {
        $("#username").slideToggle(250);
    });
});

DEMO - 一个接一个地滑动 - 双向