jquery - ページ上のCSSの位置を変更するIfステートメント

Question

このウェブサイトで都市のことを複製しようとしています

http://www.blueacorn.com/

私は今、建物が倒れるのを機能させようとしていますが、問題が発生しています。このコードを使用して、ビューポートの外側からビューポート内に div を降ろすコードを作成しました。

この最初の部分は、ID が #clicky のボタンに関連付けられています

$('document').ready(function() {
    $('#clicky').bind('click', slideIt);
});

この 2 番目の部分は、実際に div を下げる関数です。

function slideIt() {
    $('#thing').animate(
    { top: "+=600px"}, 3000);
};

今、私は人々が常にボタンをクリックして、それ以上下がらないようにしたくありません. 彼らが別のボタンをクリックすると、別の div がダウンし、前にあったものが都市のように上がるようにしたいのです。だから私はif文を入れようと思っていましたが、それが可能かどうかはわかりません。私がこれまでに持っているコードはこれです。それも機能していません。

if ($('#thing').css('top') === '600px') {
    function slideIt() {
    $('#thing').animate(
    { top: "-=600px"}, 3000);
};

}

構文が完全に間違っていると確信しています。これを修正するにはどうすればよいですか?