php - 一个接一个地点击多个 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'});
        }
    }
});