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

标签 jquery css

我有这个 fiddle 。

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

当 hover 丢失时:第三个 div 必须向上滑动,然后是第二个 div。

我该怎么做?

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

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

最佳答案

试试这个

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

DEMO

更新

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

DEMO

关于jquery - 让 jquery 在执行下一个操作之前等待,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19223564/

相关文章:

javascript - 尝试使用选项卡更改 div 中的内容

html - 为什么 HTML 正文背景颜色不服从边距?

javascript - 在 Spring MVC 元素中找不到几个 css 和 js 文件的消息页面

html - 表格基础框架中的中心 Logo

android - 在 onsen.ui 中为旋转木马动态创建项目 ons-list-item

javascript 事件处理程序在 django 内联表单集中无法正常工作

javascript - 正则表达式替换包含变量的字符串

php - JQGrid 使用 OnSelectRow 在另一个网格上加载数据

javascript - 传单去除旧层

css - 如何引用带前缀的 CSS 类?