Sınıfı kaldırdıktan sonra belirli bir olaya nasıl kaydırılır

Question

Bir kırpılmış görüntünün bir tıklama olayıyla tam olarak genişlediği ve ardından başka bir tıklama olayıyla kırpılan görüntüye geri döndüğü bir senaryo var. Bu görüntüler uzun, bu yüzden ikinci tıklama olayında kırpılan görüntünün üstüne geri gitmek için tarayıcıya ihtiyacım var, bu da görüntüyü daha küçük, kırpılmış boyuta döndürür.

Sadece burada gösterilen bir jQuery tıklama işlevini kullanıyorum, resim boyutlandırma tetiklemek için:

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

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

}); 

jQuery ile bir kaydırma fonksiyonu uygulayabilir. Bir kaydırma işlemini yalnızca aktif sınıf yukarıdaki kodla uyumlu olarak kaldırıldığında nasıl tetikleyeceğimi bilmiyorum.

Herhangi bir yardım büyük memnuniyetle karşılanacaktır.

sayesinde arkadaşları

Answer 1

küresel boolean yapın ve böylece gibi bir if deyimi kullanın:

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; 

});