Skip to main content
removendo tag php
Link
Papa Charlie
  • 8,9mil
  • 1
  • 33
  • 70
Fonte Link
Marcos Vinicius
  • 7,2mil
  • 11
  • 53
  • 110

Aplicar efeito jQuery ao elemento HTML atual?

Tenho o seguinte código que quando coloco para rodar, ele dá display:none e display:block em todos os elementos e eu gostaria que aplicasse este efeito só no elemento corrente:

//jQuery  
$( ".titulo" ).mouseover (
      function() {
        $(".overlayContent").css("display", "none");
      }
    );
    $( ".titulo" ).mouseout (
      function() {
        $(".overlayContent").css("display", "block");
      }
    );

//HTML
<article>
     <span class="overlayContent" style="display: block;"></span>
     <h2 class="titulo" style="padding: 0 75px">Post</h2>
</article>

Este span é um background-color:#000 com opacity:.5 que desaparece quando mouseover. Só que todos desaparecem e eu queria que só o corrente desaparecesse. Poderá ver o efeito neste link http://catalogos.axitech.com.br/