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');
    });
});