estou com uma dúvida em jQuery:
Tenho o seguinte código dentro de uma página, onde a DIV "description-img" se repete mais de uma vez:
<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>
Quando utilizo o show()/hide() do jQuery para exibir/ocultar a div "#share" ao clicar botão "#linkShare", ele pega todas as divs da página. Como faço para ele pegar exatamente a DIV que está dentro de cada bloco correspondente?
Muito obrigado pela luz!