jquery - エクスペディアに似たスライドアウト機能ボックスの構築

Question

私は自分のサイトにスライドアウト機能ボックスを構築しようとしています (expedia に似ています)。2 秒後にアニメーション化し、数秒間表示されたままになり、再び非表示になります。次に、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');
}