Javascript JqueryUI bounce隐藏元素并将其向左移动，而不设置动画'；不适用于儿童div

我想在JqueryUI库中使用名为bounce and animate的函数，我面临3个问题：

1） 我使用以下代码应用反弹效果：

$('#element').toggle( 'bounce', { times: 3 }, "slow" );

但这会在反弹结束后隐藏元素。如何避免这种行为

2） 我使用

marginleft:auto将元素居中；右边距：自动但在反弹过程中，元素定位在左侧，忽略自动边距

3） 我使用函数animate将背景颜色淡入元素，使用以下代码：

$('#element').animate({backgroundColor: '#FFFF99'}, 'slow');

出于某种原因，这会将动画效果应用到第一个子div，而不是整个长方体。例如：

<div id="element">
   <p>this paragraph will get animated but the child div will not</p>
   <form>
      <div id="child"></div>   
   </form>
</div>


此段落将设置动画，但子div不会


这是一个用来解释问题的小把戏：

感谢：

.toggle（）：显示或隐藏匹配的元素

你想要的是：


您正在明确地为您的
#孩子设置背景色

background-color: white; 

删除该行，它就会工作。
看起来像是rusln回答了#1

要回答#2，请使用：

希望这有帮助
您能在JSFIDLE中设置一个吗？我可以加载jquery，但是如何加载jquery UI？如果您选择jquery 1.9.1，那么jquery UI 1.9.2在下面的复选框列表中。对于其他版本，请使用“外部资源”选项卡：）这是我再次修订的小提琴：align属性已弃用。
background-color: white; 

    <div id="element" align="center">...

    #child {
    background-color: inherit;
    }