Question

http://removed.com/jquery/#
First time playing with jQuery, and kind of stuck already. I’m expecting the background to change to red on hover, but it’s not for some reason. Can anyone give me a hand? Thanks!

Answer 1

Try moving the jQuery code for div.sidenavOff inside the ready defintion, like so

<script type="text/javascript">
    $(document).ready(function(){
        $("a").click(function(event){
            alert("Thanks for visiting!");
        });
        $("div.sidenavOff").mouseover(function(){
            $(this).removeClass().addClass("sidenavOver");
        }).mouseout(function(){
            $(this).removeClass().addClass("sidenavOff");       
        });
    });

</script>