title: Show specific div when atag is click. And hide other divs
body: <p>I'm faily new to jquery and coding in general. I'm having a few troubles with this.</p>
  
  <p>What i want is for when the page loads, the 'Vlogging' link is active and 'Details 1' is shown. Then when you click on either 'Filmmaking' or 'Beme'... 'Details 2 or 3 is shown and which ever one was there goes away. </p>
  
  <p>I have everything set up right so far just need to get it to where when you click on one of the other links the correct 'Details' text shows itself.</p>
  
  <p>Thank you so much and i have it in a fiddle right now!</p>
  
  <p><a href="http://jsfiddle.net/t1huc43d/" rel="nofollow noreferrer">http://jsfiddle.net/t1huc43d/</a></p>
  
  <p>Here is the code than needs tuned:</p>
  
  <pre><code>$(function() {
     $("togglediv1").click(function() {
        $("#togglediv1").removeClass("display-start");
        $("li").removeClass("display");
        $(this).addClass("display");
     });
  });
  </code></pre>