droplist에서 선택할 때 div의 miss hover 이벤트

Question

div 태그에 droplist가 있습니다. 그 div 슬라이드 오른쪽에서 왼쪽으로 마우스를 가져 가면, div 태그를 누른 다음 droplist 다음 div 태그 자동 슬라이드 왼쪽에 선택 슬라이딩 후. IE는 FireFox, IE에서만 작동합니다.

이 테스트에 대한 링크입니다 : 그 문제 된 경우 http://jsfiddle.net/meoghe/DtYQL/54/

function bindhover() 
{ 
    $('#style-demo').hover(function() { 
     }, function() { 

      $(this).animate({ 
          right: "-600px" 
         }); 
      //if(!$(".drlIndustry").is(":focus")) 
      //{ 

      //} 

     }); 
} 
    $(document).ready(function(){ 

     $('#style-demo').find("a.close").hover(function() { 
      $('#style-demo').animate({ 
       right: "-200px" 
      }); 
     }); 

     bindhover(); 
    }); 

Answer 1

, 하나 css3를 사용해보십시오. css3은 더 안정적이고 코딩이 적습니다.

확인이 밖으로 http://jsfiddle.net/amostk/DtYQL/56/

Answer 2

당신은 mouseenter와하는 MouseLeave 사용해야합니다. 하지만 난 Stanley.

JS Solution @ Fiddle

$(function() { 

    var $styleDemo = $('#style-demo'); 
    var originalRight = $styleDemo.css('right'); 

    $styleDemo 
    .on('mouseleave', function() { 
     console.log($styleDemo, originalRight); 
     $styleDemo.animate({ 
      right: originalRight 
     }); 
    }) 
    .on('mouseenter', function() { 
     $styleDemo.stop(true).animate({ 
      right: "-200px" 
     }); 
    }); 

}); 

하여 CSS3 솔루션을 사용하는 것이 좋습니다