jquery - jquery悬停的div中的输入表单导致输入框悬停时div关闭

Question

对 jquery 完全一无所知，所以如果这里使用了不正确的术语，请见谅。正如在 jsfiddle 失败尝试中看到的那样，我使用 jquery 将登录表单嵌入到悬停状态动画中。但是，如果我用鼠标选择下拉菜单中的任何项目，则会释放悬停状态并关闭 div。我在这里做错了什么？除了输入的悬停问题之外，当您将鼠标悬停在 div 上时，我还需要如何向脚本添加什么才能使选项卡文本保持悬停状态颜色和背景？

http://jsfiddle.net/K55ct/171

jQuery(function ($) {
    $('#footerSlideContainer').hover(function () {
        $('#footerSlideContent').animate({
            height: '250px'
        });
        $(this).css('backgroundPosition', 'top left');
    },

    function () {
        $('#footerSlideContent').animate({
            height: '0px'
        });
        $(this).css('backgroundPosition', 'top left');
    });
});