jQuery 두 개의 별도 요소에 가져 오기

Question

DOM의 다른 부분에 나타나는 두 개의 개별 요소 설치 - 내가 직면하고있는 문제는 절대적으로 배치되어 있으며 컨테이너 div에 포장 할 수 없다는 것입니다. 과 함께 밖으로 요소를 이동 - 사용자가 두 요소 사이에 마우스를 이동 할 수 있도록하고 이동 한 번만 : http://jsfiddle.net/sA5C7/1/이

내가 뭘하려고 오전입니다 -

내가 여기 JSfiddle 설정을 가지고 둘 다 다시 숨길 수 있을까요?

어떻게 설정하나요? 왜냐하면 순간에 하나의 요소에서 벗어나면 해당 요소에 대한 "이탈 이벤트"가 발생합니다.

Answer 1

각 요소에 대해 각각 두 개의 부울 변수를 사용할 수 있습니다. 요소를 입력하면 true가되고 떠나면 false가됩니다.

두 요소가 모두 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' 
        }); 
     } 
    }); 
});