Trigger only One element on click

Question

I have this DOM:

 <article>
   <overlay>
     <IMG>
   </overlay>
   <div class="wrapper">
   </div>
 </article>

<article>
   <overlay>
     <IMG>
   </overlay>
   <div class="wrapper">
   </div>
 </article>

In jquery i need to create this function:

 $("IMG").on("click", function () 
 {$(".wrapper).CSS("display","block"})

But this function has to work only on the clicked element. Suggestions?

Answer 1

Try something like this:

$('img').on('click', function () {
  $(this).closest('article').find('.wrapper').css('display', 'block');
})