jquery - Div过渡效果不起作用

我想在我的div“ onclick”事件上添加Transition）：
     http://jsfiddle.net/nKtC6/698/，（使用jquery）
    并且它不起作用，所以这是我想要的另一个示例（使用CSS）的内容：http://jsfiddle.net/nKtC6/690/

我的js似乎有些问题：

$(function() {
  $("#icon").click(function() {
    $("animate1").removeClass("animate1-nomove").addClass("animate1-move");
    $("animate2").removeClass("animate2-nomove").addClass("animate2-move");
  });
});

和CSS

.animate1-nomove {left: -100px;}
.animate2-nomove {left: 0px;}

.animate1-move {left: 0px;}
.animate2-move {left: 150px; background-color: red;}

无法使用js添加此效果？我不喜欢jquery动画（例如），我更喜欢css3解决方案:)

最佳答案

您忘记了在$("animate1")和$("animate2")中包含类选择器，应为$(".animate1")和$(".animate2")。

关于jquery - Div过渡效果不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23121712/