title: jquery display only 1 element active
body: <p>I created this code, click on a picture and you'll come out the description below the image.
  I would like to improve this code, so I want to be active only one description of a time, so if I click on a image see the description of that just clicked, and hide the last activated.
  maybe with the code is more clear <a href="http://codepen.io/mp1985/pen/qOrpQX" rel="nofollow">http://codepen.io/mp1985/pen/qOrpQX</a></p>
  
  <pre><code>$( ".spec").click(function() {
      $(this).find(".image, .details-spec").toggle();
      $(this).find(".block-content").toggleClass('white'); 
   });
  </code></pre>
  
  <p>I tried with toggle(), toggleClass() and not() but without success.
  any idea?
  thanks</p>