Как показать последний идентификатор, когда все ID на DIV щелкните

Question

Я новичок с javascript. Я хочу сделать мини-игру викторины. Но застрял на этой логике.

Попробуйте посмотреть мой код ниже ,,, Я хочу заменить DIV ID "неправильную-gameOne" с ДИВЫМ ID "правильной-gameOne" после клика всего DIV ID неверна1, wrong2, wrong3, неверна4,

Я попытался сделать это, но после щелчка одного идентификатора «неправильный 1» или другого, идентификатор div «correct-gameOne» показан. Я не хочу этого. Пожалуйста, дайте мне исправить мой сценарий ниже, как это сделать. Извините за мой плохой английский. Спасибо так много: краснеть:

$(function() { 
 
    $('#wrong1, #wrong2, #wrong3, #wrong4').click(function() { 
 
    $(this).animate({ 
 
     opacity: 0, 
 
     top: 100, 
 
    }, 500); 
 

 
    var divs = ['#wrong1, #wrong2, #wrong3, #wrong4']; 
 

 
    if ($(this).next(divs).length === 1) 
 
     $('#wrong-gameOne').eq(0).hide(); 
 
    else 
 
     $('#correct-gameOne').eq(0).show(); 
 
    }); 
 
});

<img id="correct-gameOne" class="rightAnswer" src="http://authentic-scandinavia.com/system/images/tours/photos/10/thumbnail.jpg" data-current-game="1" data-next-game="2" style="display:none;" /> 
 
<img id="wrong-gameOne" class="wrongAnswer" src="http://authentic-scandinavia.com/system/images/tours/photos/125/thumbnail.jpg" data-current-game="1" data-next-game="2" /> 
 

 
<div id="wrong1" class="no-bottom"> 
 
    <label>TEXT 1</label> 
 
</div> 
 

 
<div id="wrong2" class="no-bottom"> 
 
    <label>TEXT 2</label> 
 
</div> 
 

 
<div id="wrong3" class="no-bottom"> 
 
    <label>TEXT 3</label> 
 
</div> 
 

 
<div id="wrong4" class="no-bottom"> 
 
    <label>TEXT 4</label> 
 
</div>

Answer 1

Пожалуйста, попробуйте этот код.

$(function() { 
    var divs = ["wrong1", "wrong2", "wrong3", "wrong4"]; 
    $('#wrong1, #wrong2, #wrong3, #wrong4').click(function() { 
     $(this).animate({ 
      opacity: 0, 
      top: 100, 
     }, 500); 
    divs.splice(divs.indexOf($(this).prop("id")),1) 
    if(divs.length == 0){ 
     $('#wrong-gameOne').eq(0).hide(); 
     $('#correct-gameOne').eq(0).show(); 
    }     
    }); 
}); 

Надеюсь, это вам подойдет.

Fiddle