title: JQuery Pop up message
body: <p>I am trying to make a custom pop up message, that appears, displays to the user for 5 seconds and then fades out. This works fine BUT if the use triggers the event multiple times and the time out is already running the message quickly disappears. </p>
  
  <p>My function so far...</p>
  
  <pre><code>function showMessage(message) {
      $(".messageText").text(message);
  
      $(".message").fadeIn("slow");    
  
      closeBox = function(){
          $(".message").fadeOut("slow");    
      }
  
      clearInterval(closeBox);
      setInterval(closeBox, 5000);
  }
  </code></pre>
  
  <p>Many thanks</p>