我开始角动画。我已经成功地为一个元素创建了一个动画，以消除一个复选框，但下面的元素突然向上移动。我应该怎么做才能使这些元素具有生命力呢？
</head>
<body ng-app="ngAnimate">
<div ng-init="checked = true">
<label>
<input type="checkbox" ng-model="checked" />
Is visible
</label>
<div class="content-area sample-show-hide" ng-show="checked">
Content...
</div>
<div class="content-area">
This Content is Moving up abruptly upward after I select the check box 'Is visible'. How can I move this up slowly instead?
</div>
</div>
</body>
</html>
我正在使用bootstrap，所以bootstrap有什么办法可以帮助吗？