第二 '作用' は異なるDIV

Question

ために機能する追加I持っ/アウトDIVフェードイン次の作業コード/ボタン

JS

jQuery(document).ready(function($){ 

var offset = 150, 

// duration of the animation (in ms) 
scroll_top_duration = 3000, 

// bind with the button link 
$animation = $('.fade-in'); 

// display or hide the button 
$(window).scroll(function(){ 
    ($(this).scrollTop() > offset) ? $animation.addClass('btn-visible') : 
    $animation.removeClass('btn-visible'); 
}); 

}); 

HTML

<div id='top-btn'> 
    <a class="fade-in" href="#">...</a> 
</div> 

I反対の順序で別のdivに同じクラス（.btn-visible）を追加/削除したいが、それを動作させるように見えない。

他のdivが.fadeインがあればブロック内の両方のアクションを使用しない理由

Answer 1

を削除されたとき、私はaddClass（「BTN-見える」）にそれをしたい<div id="btn2">...</div>

です。

$(window).scroll(function(){ 
    if($(this).scrollTop() > offset) { 
     $animation.addClass('btn-visible'); 
     $('#btn2').removeClass('btn-visible'); 
    } 
    else 
    { 
     $animation.removeClass('btn-visible'); 
     $('#btn2').addClass('btn-visible'); 
    } 
});