jQuery animation easing

http://stackoverflow.com/a/11979913/922168

HTML

<ul class="navMenu">
    <li> SubNav <ul class="subNavMenu">
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
        </ul>
    </li>
</ul>

JavaScript

$(document).ready(function(){
    $("ul.subNavMenu").fadeTo(0,0);
    $("ul.navMenu").hover(
        function() {
            $("ul.subNavMenu").animate({opacity: 1, marginTop: "20px"}, {duration: 100, queue:false, easing: 'linear'});
        },
        function() {
            $("ul.subNavMenu").animate({opacity: 0, marginTop: "0px"}, {duration: 3000, queue:false, easing: 'linear'});
        }
    );
});