jquery slideUp не работает во всплывающем меню

Question

Вот мой код http://jsfiddle.net/dmitrymar/65QHT/5/

У меня проблемы с настройкой функции slideUp с помощью всплывающего меню css. Я заставил слайд-даун работать, хотя и не очень гладко. Я запутался, есть ли проблема с CSS или JQuery или оба. Пожалуйста, порекомендуйте. Спасибо.

Answer 1

Хорошо. вот сделка:

CSS:

#miniCartWrpr .miniCartFlyout {
    display:none;
    position:absolute;
    top:15px;
    right:-2px;
    z-index:2;
    overflow:hidden;
    height:auto;
    width:300px;
    background-color:#fff;
    white-space:normal;
    text-align:left;border:solid 2px #b2b2b2;
}

Избавиться от #miniCartWrpr li:hover .miniCartFlyout

затем Javascript:

$(document).ready(function() {
    $('#miniCartWrpr li').hover(
    function() {
        $('.miniCartFlyout').slideDown('slow');
    }, function() {
        $('.miniCartFlyout').slideUp('slow');
    });
});