Estoy intentando darle estilo a un menu de wordpress, intento que una imagen de fondo desaparezca para se rememplazada por ninguna cuando el raton pasa por encima(hover); por un lado consigo cambiar a nada pero nunca soy capaz de hacer que la imagen original vuelva a su sitio una vez el raton sale del contenedor. hasta ahora he utilizado este codigo
Código:
$(function(){
$("#menu-item-45").hover(function(){
$("#menu-item-45").css("background-image", "none")
}, function(){
$("#menu-item-45").css("background-image", "url(img/home.png)")
});
});
he comprobado 1000 veces que el path de la imagen sea el correcto, lo he puesto en la misma carpeta que el archivo .js incluso he utilizado
Código PHP:
<?php bloginfo('template_directory');?>/img/home.png
que es lo que utiliza wordpress para localizar las imagenes, pero no hay manera de hacer que el fondo original vuelva a su sitio.
Gracias de antemano!