クラスを削除した後に特定のイベントにスクロールする方法

Question

クリップされたイメージがクリックイベントで完全に展開され、別のクリックイベントでクリップされたイメージに戻るシナリオがあります。これらの画像は長いので、2番目のクリックイベントでクリップされた画像の先頭にスクロールするブラウザが必要です。画像は小さい方のクリップされたサイズに戻されます。

画像のサイズ変更をトリガするには、私は単にここに示した、jQueryのクリック機能を使用しています：

jQuery("#zoom").on('click', function(){ 

    $(this).toggleClass('active').siblings().removeClass('active'); 

}); 

私はjQueryを使ってスクロール機能を実装することができます。上のコードに従ってアクティブなクラスが削除された場合にのみスクロールをトリガする方法はわかりません。

ご協力いただければ幸いです。

おかげで、友人

Answer 1

は、グローバルなブール値を作成し、そのように、if文を使用します。

var active = true; 

jQuery("#zoom").on('click', function(){ 

    $(this).toggleClass('active').siblings().removeClass('active'); 

    if(!active){ 
    $("body").animate({ scrollTop: $("body").offset().top}, 1000); //1000 is the speed of the animation 
    active = true; 
    } 
    else active = false; 

});