CODEWITHSUNDEEP
jqueryjquery-uianimation
Benn
Benn

Reputation: 5023

Animating dropdown menu with jQuery UI

I am animating a menu here http://jsfiddle.net/5Lscg/ with jQuery slide but have trouble with first hover. It just displays without animation. All sub levels work ok.

JQuery Code:

    $("li").on('mouseenter', function () {

        $(this).find('ul').first().hide().show('slide', {
            direction: "down"
        }, function () {

            // $(this).css('display', 'block');

        });

    }).on('mouseleave', function () {

        $(this).find('ul').first().hide('slide', {
            direction: "up"
        }, function () {

            // $(this).css('display', 'none');

        });
    });

Seems like I have a css bug somewhere but I cant find it. I would be grateful if you could take a look and try to find out where the issue is. 4 eyes are always better than 2 :)

Any help is appreciated.

Just tested in FF as advised and it works well but IE, Chrome , Opera are freaking out

Upvotes: 1

Views: 2652

Answers (1)

mahmoud nezar sarhan
mahmoud nezar sarhan

Reputation: 756

it works fine for me !!

Your css is fine

also your jquery

I'm sure that your problem is cross-browser problem , not a coding one

try it with another browser

Upvotes: 1

Related Questions