Нужно нажать 2 раза, чтобы закрыть div

Question

У меня есть div, и я хочу закрыть его, когда он появится. Я имею в виду похожие на это . Единственное изменение - я дал span вместо кнопки. Теперь моя проблема в том, что мне нужно нажать 2 раза на символ закрытия, чтобы закрыть div.

Мой код

contactResault.html("
  <div id='hidediv' style='text-align:left'>
    <span id='close' onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>
      x
    </span>
    <h5 style='color:black;background-color:white!important;'>
      Thank you for Subscribing!
    </h5>
    <br/>
    <span style='color:black;background-color:white!important;'>
      Thank you for your interest in joining IEP|ONE, The Cognitive Companion for Children with Special Needs beta users group.
    </span>
    <br/>
    <br/>
    <span style='color:black;background-color:white!important;'> We will send you the link to download our Companion App from Apple and Google store as soon as it is available.
    </span>
    <br/>
    </br>
    <span style='color:black;background-color:white!important;'>Thank you!</span></br><span style='color:black;background-color:white!important;'>IEP|ONE Beta Users Team
    </span>
  </div>
");

1010 * Javascript *

document.getElementById('close').addEventListener('click', function(e) {
  e.preventDefault();
  this.parentNode.style.display = 'none';
}, false);  

и css

#close {
 float:right;
 display:inline-block;
 padding:2px 5px;
 background:#ccc;  
}

#close:hover {
 float:right;
 display:inline-block;
 padding:2px 5px;
 background:#ccc;
 color:#fff;
 cursor: pointer;
}

Пожалуйста, помогите решить эту проблему.