一个接一个地点击多个div来触发另一个div动画？

Question

我有三个div对他们的点击进行动画制作。当我完成点击其他div上的这三个div动画时，应该触发。 目前发生的事情是，当我点击三个div中的任何一个时，结果div上的动画会立即触发。 怎么能用JQuery做到这一点？

<script>
    $( document ).ready(function() {

      $(document).on('click', '.prize ,.time ,.judge' , function() {
        $('.contest').hide();
      });
    });

</script>

Answer 1

这是我能做的最好的，没有任何适当的代码！

$('div').click(function(){
    if(!$(this).data('clicked')){
        $(this).data('clicked',true);
        if($('#firstDiv').data('clicked') && $('#secondDiv').data('clicked') && $('#thirdDiv').data('clicked')){
            $('#otherDiv').animate({'however you like it'});
        }
    }
});