(AYUDA) No puedo hacer que funcione el "hover" de forma correcta

[alexg88]

No entiendo cual es tu problema la verdad, pero deberías cambiar algunas cosas.

No puedes utilizar un id varias veces, por debe ser único. Además, no tiene sentido usarlo en el código (ya lo estás ocultando con fadeOut).

Código Javascript:

<script>
    $(function()
   {        
            var target = null;
            $(".img_hover a").hover(
            function(e)
            { 
                target = $(this);
                $(target[0].firstElementChild).slideDown(200);
            }, 
             function()
            { 
                $(target[0].firstElementChild).fadeOut(200);
            });
    });
</script>
 

Código HTML:

<section> 
            <article class="img_hover">
                <a href="#">
                <div>
                    <p>Quinta El Refugio</p>
                    <span class="asd">más información</span>                
                </div>
                <img src="img/quintaelrefugio.jpg" alt="Quinta el Refufio">
                </a>
            </article> 
            
            <article class="img_hover">
                <a href="#">
              <div>
                    <p>QVEF!</p>
                    <span class="asd">más información</span>                
                </div>
                <img src="img/qvef.jpg" alt="QVEF">
                </a>
            </article>       
       </section>