如何使用.addClass开始动画，具有多个div和动画

Question

我有两个单独的图像（.one＆amp; .two）和动画（.slide＆amp; .rotate）但是当我使用.addClass时它们都播放相同的动画......好像我没有关闭我的CSS它认为它们是一样的吗？

这是我的.js

$(".one").click(function(){
    $(this).toggleClass("rotate");
    $(this).css("zIndex", 1);
});

$(".two").click(function(){
    $(this).toggleClass("slide");
    $(this).css("zIndex", 1);
});

我是否正确使用'zIndex函数使活动动画与其他所有内容重叠？

如果您想查看我的.css文档，请告诉我，这只是动画非常大。

Answer 1

远离tog​​gleClass，因为它在使用之前添加了一个不知道状态的错误源。

你也必须设置另一个div的z-index，所以当你先点击.one，然后点击.two时，它们不是两个z-index都是1。

$(".one").click(function(){
    $(this).addClass("rotate").css("z-index", 1);
    $(".two").removeClass("slide").css("z-index", 0);
});

$(".two").click(function(){
    $(this).addClass("slide").css("z-index", 1);
    $(".one").removeClass("rotate").css("z-index", 0);
});