Слайд-панель jQuery при наведении мыши

Question

Как сделать так, чтобы этот пример скользящей панели скользил при наведении курсора мыши и обратно при наведении мыши вместо использования функции щелчка?

См. Пример здесь: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

$(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});

Answer 1

Используйте функцию hover . Это должно быть близко.

function slide() {
  $("#panel").slideToggle("slow");
  $(this).toggleClass("active"); 
  return false;
}

$(".btn-slide").hover(slide, slide);

Answer 2

Вы можете сделать что-то вроде

$ ( "# sliderbar"). Зависать ( функция () { $ ( "# Sliderbar") остановка () анимировать ({слева "- 200px"}, {очереди: ложь, продолжительность: 300})..; }, function () { .. $ ( "# Sliderbar") остановки () анимация ({слева: "0px"}, {очередь: ложь, продолжительность: 300}); });