仅运行在页面加载动画，当容器再次

Question

<div> 
    <p class="bounceIn"> 
    Hello world 
    </p> 
</div> 

https://jsfiddle.net/2fr1tcv6/

显示出来的页面加载后不能运行，这些元素是可见的，所以bounceIn动画运行。

但是在页面上，用户可以点击一个按钮并隐藏div，然后重新显示它。当div再次显示时，我不想让动画运行。有没有办法用CSS属性来实现？

Answer 1

您可以从P标记中删除bounceIn类。事情是这样的：

$("button").click(
    function(){ 
    $("div").toggle(); 
    $("p").removeClass("bounceIn"); 
    });