向上或向下滑动时避免跳跃(JQuery)

时间:2012-07-27 01:28:44

标签: jquery

我试图获取它,以便在点击预定义的链接时,内容部分将向下滑动,其他部分将向上滑动。我知道我可以使用JQuery回调,但由于某种原因,它似乎总是尝试滑动盒子然后开始将其关闭(因此它会产生奇怪的生涩效果)。

可以在这里看到JQuery:

$("#welcome_link").click(function () {
  $("div[id$='_content']").slideUp('fast', function() {
    $("#welcome_content").slideDown('fast');
  });
});

我在这里做错了吗?我认为这样可行。

谢谢!

1 个答案:

答案 0 :(得分:1)

您开始将其与其他div一起向上滑动,然后在回调函数中将其向下滑动;只需使用.not()从第一个匹配的集合中删除它。

$("#welcome_link").click(function () {
  $("div[id$='_content']").not('#welcome_content').slideUp('fast', function() {
    $("#welcome_content").slideDown('fast');
  });
});​