如何隱藏單擊的元素，當所有具有相同的父級

Question

如何隱藏用戶點擊的特定幻燈片的標題。這裏所有的幻燈片都有相同的類名，這是個大問題。如何超過這個。

<div id="accordion-wrapper"> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider1.jpg" /> 
        <div class="caption"> 
         <p> 1</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider2.jpg" /> 
        <div class="caption"> 
         <p> 2</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider3.jpg" /> 
        <div class="caption"> 
         <p> 3</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider4.jpg" /> 
        <div class="caption"> 
         <p> 4</p> 
        </div> 
       </div> 
       <div class="slide"> 
        <div id="mask"></div> <img src="snd/images/slider5.jpg" /> 
        <div class="caption"> 
         <p> 5</p> 
        </div> 
       </div> 
      </div> 

Answer 1

$(".slide").click(function(){ 
    $(this).find(".caption").hide(); 
})