.is(':animated') 활용 중복동작 방지

<div class="btn">
    <span style="border: 1px solid #000">클릭하세요!</span>
    <div class="hideMenu" style="display: none">
        <ul>
            <li>숨겨진 메뉴1
            <li>숨겨진 메뉴2
        </ul>
    </div>
</div>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<div class="btn">
    <span style="border: 1px solid #000">클릭하세요!</span>
    <div class="hideMenu" style="display: none">
        <ul>
            <li>숨겨진 메뉴1
            <li>숨겨진 메뉴2
        </ul>
    </div>
</div>
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
 
<script>
    $('.btn').bind({
        // 일반적 멀티 바인드
        mouseenter: function() {
            $('.hideMenu').slideDown();
        },
        mouseleave: function() {
            $('.hideMenu').slideUp();
        }
 
        // .is(':animated') 사용
        mouseenter: function() {
            var $btn=$('.hideMenu');
            if(!$btn.is(':animated')) $btn.slideDown();
        },
        mouseleave: function() {
            $('.hideMenu').slideUp();
        }
});
</script>