如何从jquery .click获得与.hover相同的功能?动画正在使用 .hover，但不能使用 .click

Question

我正在写一个手风琴式的，我让它按照我想使用悬停进行动画处理，但是，我真的很希望它在单击而不是悬停时工作 - 当我将 .hover 换成 .click 时，没有动画发生.

我做错了什么？

感谢您的任何帮助！

-艾琳

这有效：

$('#productslider div.rum').hover(function(){
    $(this).animate({left:'90px'}, 500);
    $(".vodka").animate({left:'0px'}, 500);
  }, function(){
});
$('#productslider div.vodka').hover(function(){
    $(this).animate({left:'-90px'}, 500);
    $(".rum").animate({left:'575px'}, 500);
  }, function(){
});

这什么也没发生：

$('#productslider div.rum').click(function(){
    $(this).animate({left:'90px'}, 500);
    $(".vodka").animate({left:'0px'}, 500);
  }, function(){
});
 $('#productslider div.vodka').click(function(){
    $(this).animate({left:'-90px'}, 500);
    $(".rum").animate({left:'575px'}, 500);
  }, function(){
});

Answer 1

从点击事件中删除}, function(){ 这应该是

$('#productslider div.rum').click(function(){
   $(this).animate({left:'90px'}, 500);
   $(".vodka").animate({left:'0px'}, 500);
});

Answer 2

删除第二个函数，click只接受一个参数。

$('#productslider div.rum').click(function(){
    $(this).animate({left:'90px'}, 500);
    $(".vodka").animate({left:'0px'}, 500);
});