title: Click to show one and hide others - jQuery toggle
body: <p>I have a carousel where on click I am trying to show content in one item but hide in all other others.</p>
  
  <p>The function work only proportionally. When I click on other item it hides all the others. But when I click on the open item it hides it and show straight after. I want this item to hide on second click if possible?</p>
  
  <pre><code> var dd = $(".last-line");
   $(".image").click(function(e) {
   e.preventDefault();
   e.stopPropagation();
   dd.slideUp();
   $(this).next().next().slideDown();
   });
  
   $(document).click(function() {
   dd.slideUp();
   });
  
  dd.click(function(e) {
  e.stopPropagation();
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3DzPF/" rel="nofollow">Here is my fiddle</a>.</p>
  
  <p>Thank you all for your help in advance.</p>