title: Repeating of code
body: <p>Is there a way to shorten this it feels like i am repeating code, and looks very untidy?</p>
  
  <pre><code>jQuery(document).ready(function() {
      $('.allText').hide();
  
  
  $('#b1').click(function() {
      $('.allText').hide();
      $('#text1').fadeIn(800);
  });
  
  $('#b2').click(function() {
      $('.allText').hide();
      $('#text2').fadeIn(800);
  });
  
  $('#b3').click(function() {
      $('.allText').hide();
      $('#text3').fadeIn(800);
  });
  
  $('#b4').click(function() {
      $('.allText').hide();
      $('#text4').fadeIn(800);
  });
  
  $('#b5').click(function() {
      $('.allText').hide();
      $('#text5').fadeIn(800);
  });
  
  $('#b6').click(function() {
      $('.allText').hide();
      $('#text6').fadeIn(800);
  });
  
  
  $('#b7').click(function() {
      $('.allText').hide();
      $('#text7').fadeIn(800);
  });
  
  });
  </code></pre>