Hello everyone made a drop-down block. All code is here http://jsfiddle.net/q6fnc34e/ . (I use this resource for the first time. The code is not executed for some reason.) I use this jquery code.

 $( document ).ready(function() { $('.menu_href').hover(function(){ $('.menu_vipad_1').show(200); }, function(){ $('.menu_vipad_1').hide(); }); });

When I see it on the menu, it is shown, but as soon as I want to put the block in, it disappears. It is necessary to do the example http://www.spbmed.info/ . If you hover on the "Medium" will see a drop-down block. How to make guys? Or drop everything and do it through CLICK?

    1 answer 1

    You probably $ ('. Menu_vipad_1') is not inside $ ('. Menu_href')

    • So on the example website ( spbmed.info ) there it is also outside. If it is in my menu_href, then my menu_vipad_1 will not be the full width of the screen. - duddeniska
    • Then like this $ (document). Ready (function () {$ ('. Menu_href'). Hover (function () {$ ('. Menu_vipad_1'). Show (200);}); $ ('. Menu_vipad_1' ) .hover (function () {}, function () {$ (this) .hide (200);});}); - Redr01d
    • Updated your sample jsfiddle.net/q6fnc34e/2 - Redr01d
    • Thanks for the help. Almost got left a small small school. Updated jsfiddle.net/q6fnc34e/3 . If you select a menu, then move the mouse to the drop-down box, and then select the menu again, then the animation happens again. - duddeniska