在执行下一个操作之前让jquery等待

Question

我有这个小提琴。

悬停时：第二个div必须向下滑动，然后是第三个div。

当悬停丢失时：第三个div必须向上滑动，然后是第二个div。

我该怎么做？

http://jsfiddle.net/sExNS/6/

$(document).ready(function(){
  $(".signincontainer").hover(function(){
      $(".myprofile").slideToggle(function(){
        $(".logout").slideToggle();
      });
  });
});

Answer 1

试试这个

$(".myprofile").slideToggle(function () {
    $(".logout").slideToggle();
});

DEMO

<强>更新

$('.signincontainer').hover(function () {
    $(".myprofile").slideToggle(function () {
        $(".logout").slideToggle();
    })
}, function () {
    $(".logout").slideToggle(function () {
        $(".myprofile").slideToggle();
    });
});

DEMO

Answer 2

    $(document).ready(function(){
      $(".signincontainer").hover(function(){// work at mouse enter
          $(".myprofile").slideToggle(function(){
          $(".logout").slideToggle();
          });
      },function(){
           $(".logout").slideToggle(function(){// work at mouse out
          $(".myprofile").slideToggle();
          });
});
    });

参见 Demo

参考 slideToggle ， hover

Answer 3

你可以使用回调函数。

$(document).ready(function(){
  $(".signincontainer").hover(function(){
    $(".myprofile").slideToggle(function(){
      $(".logout").slideToggle();});
  });
});

查看Fiddle

如果您想在鼠标离开时获得正确的顺序，请执行this

$(document).ready(function(){
  $(".signincontainer").hover(function(){
      $(".myprofile").slideDown(function(){$(".logout").slideDown();});
  }, function(){
      $(".logout").slideUp(function(){$(".myprofile").slideUp();});
  });
});

Answer 4

尝试这样的事情，FIDDLE

$(document).ready(function () {
    $(".signincontainer").hover(
         function() {
             $(".myprofile").slideToggle(function () {
            $(".logout").slideToggle();
        });
        }, function() {
             $(".logout").slideToggle(function () {
            $(".myprofile").slideToggle();
            });
        }
    );

});