jquery selects all elements, i walt only current.

jquery selects all elements, i walt only current.

    Hello,
i have three div's and every div has hidden child (display none)
when i write:

$('.link').click(function() {
      $('.hidden').css({'display':'block'})
});

Something like this works, but then ALL .hidden appears, and i want to show only .hidden that is in clicked link. (current hidden not all hidden )



    <div class="link"><p>show menu</p>
      <a href="#"><img src="images/icons/arrow.png" /></a>
      <div class="hiddenDiv"></div>
    </div>

   <div class="link"><p>show menu</p>
      <a href="#"><img src="images/icons/arrow.png" /></a>
      <div class="hiddenDiv"></div>

    </div>   <div class="link"><p>show menu</p>
      <a href="#"><img src="images/icons/arrow.png" /></a>
      <div class="hiddenDiv"></div>
    </div>

Thanks for help, because i have all the time problems with wthis approach, where ia want to select current item not all items.

Can u explain me how it works, i dont need ready solutions, but explanation..

THANK You all for any help.

Mike.