title: Execute .click(function () only first click
body: <p>I trying to Execute given <code>.click(function()</code> only on first click, but it always Execute when click. 
  <br><br>
  It's works when click <code>.more-post-button</code> it will add class <code>loading</code> to <code>.main ul</code> and <code>show-more-post</code> to <code>.main li</code> after that remove Class <code>loading</code> on setTimeout function 7 second.</p>
  
  <p><strong>JS</strong>:</p>
  
  <pre><code>$(".more-post-button").click(function () {
  
    $('.main ul').addClass('loading');
    $('.main li').addClass('show-more-post');
    setTimeout(function(){
      $('.main ul').removeClass('loading');
    },7000);
  
  });
  </code></pre>
  
  <p>My question is how to do this for only on first click, not every time click.<br>
  Thanks in advance.</p>