jquery - 如何从 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);
});