HoverIntent наведения не работает

Question

JSFiddle - http://jsfiddle.net/4aHmv/

В моей jsfiddle я пытаюсь создать выпадающее меню с действием парения, который тянет вниз подменит при наведении курсора мыши.

Вот мой код для меня: Я не уверен, что им что-то не так.

$(".scooters").hoverIntent(makeTall,makeShort); 

function makeTall(){$('.scooters').mouseenter(function(){ 
    $(this).find('.cbp-hrsub').slideDown(); 
});} 

function makeShort(){$('.scooters').mouseleave(function(){ 
    $(this).find('.cbp-hrsub').slideUp(); 
});} 

В функции hoverintent я просто использовал созданный код, который использует jquery hover.

$('.scooters').mouseenter(function(){ 
    $(this).find('.cbp-hrsub').slideDown(); 
}); 
$('.scooters').mouseleave(function(){ 
    $(this).find('.cbp-hrsub').slideUp(); 
}); 

раскомментировав это и комментирование код hoverintent в jsfiddle будет заставить его работать, но с Jquery парении. Есть ли что-то другое, что мне нужно сделать в hoverintent, чтобы заставить его работать.

Спасибо.

Answer 1

первый, hoverIntent является JQuery плагин, так что вам нужно добавить Jquery к jsfiddle

второй, вы не можете использовать плагин, прежде чем его код реализован, это также о горизонтальном меню

третий, вы не можете использовать функции, которые пока не объявлены так makeTall и makeShort должны быть объявлены до hoverIntent(makeTall,makeShort)

четвёртых, вам не нужно MouseEnter/оставить внутри makeTall/makeShort, hoverIntent уже делает все, что нужно

feedle