jquery - 构建类似于 expedia 的滑出功能框

Question

我正在尝试在我的网站上构建一个滑出功能框（类似于 expedia），它会在 2 秒后动画，保持可见几秒钟，然后再次隐藏。然后我想让它再次出现在第二次不同的文本中。我尝试通过检查元素的位置来进行此操作，但无济于事。

HTML：

<div class="viewer">
    <span class="top">Others Are Viewing This Deal</span>
</div>

JS：

if ($('.viewer').position().left === -280) {
    $('.viewer').delay(2000).animate({left: '0'}, 1000, 'linear');
    $('.dealViewers .top').prepend(randomViews + " ");
}
else {
    $('.viewer').delay(4000).animate({ left: '-280'}, 1000, 'linear');
}