I'm having a question in jQuery:
I have the following code inside a page, where the "description-img" DIV repeats more than once:
<div class="description-img">
<div class="confirmacao" style="display: block; ">
<p class="votoMsg">VOCÊ VOTOU!</p>
<span class="name"><a hreh="#" id="linkShare">Share Design</a>
<div id="share" style="display:none;">Links para compartilhamento</div>
</span>
</div>
</div>
<div class="description-img">
<div class="confirmacao" style="display: block; ">
<p class="votoMsg">VOCÊ VOTOU!</p>
<span class="name"><a hreh="#" id="linkShare">Share Design</a>
<div id="share" style="display:none;">Links para compartilhamento</div>
</span>
</div>
</div>
When I use the jQuery show () / hide () to show / hide the "#share" div by clicking "#linkShare", it takes all divs from the page. How do I get exactly the DIV that is inside each corresponding block?
Thank you very much for the light!