2つの別々の要素のjQueryのホバー

Question

私は、DOMの異なる部分に表示される2つの別個の要素の設定を持っています - 私が直面している問題は、それらが絶対的に配置されており、して一緒から要素を移動 - ユーザーがいずれかの要素との間にマウスを移動することができるように、彼らは移動度だけ：http://jsfiddle.net/sA5C7/1/は

私は何をしようとしていることである -

は、私がここにJSfiddleセットアップを持っています両方それは再び隠れるだろうか？

どうすれば設定できますか？現在のところ、一度要素を移動すると、その要素の「離脱イベント」が発生します。

Answer 1

各要素ごとに2つのブール変数を使用できます。要素を入力するとtrueになり、離れるとfalseになります。

そして、両方を偽にして=>要素を非表示にしたときだけです。

$(document).ready(function(){ 
    var bslider = false; 
    var btest = false; 
    $('#slider').mouseover(function() { 
     bslider = true; 
     $('#slider, #test').stop(true,false).animate(
        {'margin-left':'20px' 
        }); 
    }); 
    $('#test').mouseover(function() { 
     btest = true; 
     $('#slider, #test').stop(true,false).animate(
        {'margin-left':'20px' 
        }); 
    }); 
    $('#slider').mouseout(function() { 
     bslider = false; 
     if(!bslider && !btest) 
     { 
      $('#slider, #test').stop(true,false).animate(
        {'margin-left':'0' 
        }); 
     } 
    }); 
    $('#test').mouseout(function() { 
     btest = false; 
     if(!bslider && !btest) 
     { 
      $('#slider, #test').stop(true,false).animate(
        {'margin-left':'0' 
        }); 
     } 
    }); 
});