Jquery how to hide other visible divs on click
<p>Two questions please:  </p>

<p>1)  In this example, <a href="http://jsbin.com/ijuli" rel="nofollow">http://jsbin.com/ijuli</a>, how do I make it so when one image is clicked, the other un-hidden .clickSave divs go back to hidden.</p>

<p>2)  Is there a more efficient way to write the JS code?  </p>

<p>Jquery</p>

<pre><code>$(".clickSave").hide();  
    $(".one").click(function() {
    $(".clickSave.one").toggle(); 
});

$(".clickSave").hide();  
    $(".two").click(function() {
    $(".clickSave.two").toggle(); 
});

$(".clickSave").hide();  
    $(".three").click(function() {
    $(".clickSave.three").toggle(); 
});
</code></pre>

<p>Thank you so much in advance! I'm so confused by all this. </p>
