title: Collect small JS from webpage to one big JS
body: <p>This is sample JavaScript code:</p>
  
  <pre><code>/* Email me Animation */
        $(function() {
              var offset = $("#sidebar").offset();
              var topPadding = 0;
              $(window).scroll(function() {
                  if ($(window).scrollTop() &gt; offset.top) {
                      $("#sidebar").stop().animate({
                          marginTop: $(window).scrollTop() - offset.top + topPadding
                      });
                  } else {
                      $("#sidebar").stop().animate({
                          marginTop: 0
                      });
                  };
              });
          });
  
          */--&gt;
  $(document).ready(function(){
  
      $('#page_effect').fadeIn(2000);
  
  });
  
  
      /* Toggle */
      $(document).ready(function(){
          $('a.showHideButton').click(function(){
              $('div[data-something=' + $(this).data('something') + ']').toggle(500);
          });
      });
  
  
      /* Move top */
  
      $(function() {
          $(window).scroll(function() {
              if($(this).scrollTop() != 0) {
                  $('#backtotop2').fadeIn();
              } else {
                  $('#backtotop2').fadeOut();
              }
          });
  
          $('#backtotop2').click(function() {
              $('body,html').animate({scrollTop:0},1200);
          });
      });
  
  
      /* Menu animation */
      var jump=function(e)
      {
             e.preventDefault();
             var target = $(this).attr("href");
             $('html,body').animate(
             {
                     scrollTop: $(target).offset().top
             },2000,function()
             {
                     location.hash = target;
             });
  
      }
  
      $(document).ready(function()
      {
             $('a[href*=#]').bind("click", jump);
             return false;
      });
  
  
      /* Menu Appear Animation */
      $(function() {
          $(window).scroll(function() {
              if($(this).scrollTop() != 0) {
                  $('#menuAppear').fadeIn();
              } else {
                  $('#menuAppear').fadeOut();
              }
          });
      });
  </code></pre>
  
  <p>I have like 10 small JavaScripts, is it possible way to collect the in one JS file  and load on the page,</p>
  
  <p>Like use:</p>
  
  <pre><code>&lt;script src="js/jsScript.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Insted of writing ALLLLLL this small JS on every single page.</p>