html - 添加新类时的动画

Question

我的网络应用程序有两种不同的模式:视觉模式和交互模式。最初应用程序处于可视模式。当用户进入交互模式时，我在容器 div 中添加类“交互”。当发生这种模式更改并且我添加此类时，会出现一些以前隐藏的新 div。

我在我的 CSS 中使用了这种规则:

.interactive #somedivThatWasHidden{
    height: 100%;
    width: 20%;
}

我的问题是，这种转变何时发生。即，当我说 $(".container").addClass("interactive"); 我希望这些新的 div 显示为动画(从侧面滑入)。

Answer 1

您可以使用jQueryUI 来制作动画。

在这里签到..

http://jqueryui.com/toggleClass/

您还可以使用 jQuery 动画功能，

有点像

$(".container").addClass("interactive").animate({
//do your things
});

http://api.jquery.com/animate/