Удаление div с помощью клавиши со стрелкой

Question

У меня есть пять вопросов, и каждый вопрос скрывается в поле с номером 1-5, после того, как пользователь выберет число от 1 до 5, появится выбранное поле с вопросом .. и я хочу знать, как удалить выбранный флажок, если пользователь нажмет правую клавишу, и если оставить ключ не будет делать ничего, но всплывал большой знак X ..

<script type="text/javascript"> 
      function Question1(){ 
      document.getElementById('Question').innerHTML = 'Question#1'; 
      } 
      function Question2(){ 
      document.getElementById('Question').innerHTML = 'Question#2'; 
      } 
      function Question3(){ 
      document.getElementById('Question').innerHTML = 'Question#3'; 
      } 
      function Question4(){ 
      document.getElementById('Question').innerHTML = 'Question#4'; 
      } 
      function Question5(){ 
      document.getElementById('Question').innerHTML = 'Question#5'; 
      } 

      function showArrowKey(e) { 
      arrowKey = e.which||e.keyCode; 
      switch(arrowKey) { 
       case 37: //left key 
        //Do nothing just pop up Big X mark 
        break; 
       case 39: //right key 
        // Remove the selected div, and pop up Check mark 
        break; 
      } 
     } 

    </script> 
<div class = "container"> 
     <div id = "CompleteImage"> 
      <div class = "squareInside" id="trigger-overlay1" onclick='Question1()'>1</div> 
      <div class = "squareInside" id="trigger-overlay2" onclick='Question2()'>2</div> 
      <div class = "squareInside2" id="trigger-overlay3"onclick='Question3()'>3</div> 
      <div class = "squareInside2" id="trigger-overlay4"onclick='Question4()'>4</div> 
      <div class = "squareInside2" id="trigger-overlay5"onclick='Question5()'>5</div> 

     </div> 
    </div> <!-- container --> 
    <div class="overlay overlay-door" > 
     <button type="button" class="overlay-close">Close</button> 
     <nav> 
      <ul> 
       <li><p id='Question' ></p></li> 
      </ul> 
     </nav> 
    </div> 

Answer 1

Использование JQuery, чтобы удалить элемент , в этом случае a div, используйте:

$('div').remove(); 

Затем, чтобы показать галочку, используйте ее как другой элемент pr obably ниже DIV с CSS: display:none; Затем с удалением DIV, раскрыть его снова с JQuery

$('checkMark').show();