title: show current clicked div hide previous clicked div
body: <p>The code below is working, but with a problem I do not understand.
  When I click on first navigation link it is showing the div, this is what I want,
  but when I click on another nav link it does show the next div as expected
  but I need for the previous div(s) to hide.
  any help is appreciated.</p>
  
  <p>something like: if this is not the nav link that was clicked hide. I would think.</p>
  
  <pre><code>$(document).ready(function(){
  
    $('#navigation a').click(function (selected) {
  
      var getName = $(this).attr("id");
      var projectImages = $(this).attr("name");
  
      //console.log(getName);
      //console.log(projectImages);
  
      $(function() {     
        $("#" + projectImages ).show("normal");
      });
    });
  });
  </code></pre>