Question

我刚刚使用ngAnimate进入CSS动画。酷的东西！我现在正在努力弄清楚如何控制受某些动画影响的兄弟元素的动画。

Plunker：https://plnkr.co/edit/XqpMPklO2SDlZQ1GIJ5Z?p=preview

例如，在上面的plunker中，顶部div很好地动画，但底部的div不是。当顶部是动画时，有没有办法为底部div设置动画？

$(document).ready(function() {
        $(".DropChange").change(function(){
            var ValOne = parseInt($('#ValOne').attr("data-price"), 10);
            var ValTwo = parseInt($('#ValTwo').attr("data-price"), 10);
            var ValThree = $('#ValThree').val();
            var totalTotal = ((ValOne * 1) * (ValTwo * 1));
            $('#Total').text('Price: R ' + totalTotal + ' Size: ' + ValThree);
            $('#quote_btn').show();



  });
});

Answer 1

问题与突然消失的顶级div有关。让它过渡到高度：0，底部div将跟随它的运动。

div.top.ng-hide {
  /* ... */
  height: 0;
}

Plnkr Fork

ng-Animate：如何动画兄弟div？

1 个答案: