Question

I would like to get the arrows for the carousel appearing and disappearing when hovering on the slideshow. I have tried this but not much success:

$("#slideshow").hover(function(){$('.control').fadeOut(500);$('control').fadeIn(500);});

full code here

Thanks

Answer 1

I think you’re using the wrong syntax for hover() for what you want to do. The hover() method takes two callbacks, one for the onmouseover event (hover), and one for the onmouseout event (off hover).

$('#slideshow').hover(
    function(){
        $('.control').fadeIn(500);
    },
    function(){
        $('.control').fadeOut(500);
    }
);