title: Wait for mouse click to execute the rest of the function
body: <p>I have a quiz that after selecting the answer it will show result and move on to the next question after a set time. </p>
  
  <p>Now how can i make it to show the result then pause and wait for mouse click before moving on? </p>
  
  <pre><code>self.rightAnswer = function(elm) {
    startSound('rightsound', false);
    //var bgcss = ($("#" + elm).toggleClass('correct'))
    $(elm).toggleClass('correct');            
    background.pause();
    setTimeout(function () {
      self.money($(".active").data('amt'));
      if(self.level() + 1 &gt; 6) {
        $("#game").fadeOut('slow', function() {
          $("#game-over").html('Thanks you!');
          $("#game-over").fadeIn('slow');
        });
      } else {
        $("#question-answer-block").fadeOut('fast', function(){
          $("#question-answer-block").fadeIn('slow');
          self.level(self.level() + 1);
          var bgcss = ($(elm).toggleClass('correct'))
          self.showAllAnswers();
          self.transitioning = false;
        });
      }
      self.resetAnswersView();
      startSound('background', true);
    }, 5000);
  }
  </code></pre>