jQuery Hover Problems

Question

I've got this problem with some jQuery. I want to display this div when you hover over an element and hide it when you aren't on it.

$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200), $('#projects .pane').hide(200);
    })
});

When you hover it disappears the same time.

Thanks :)

Hello and welcome to SO! Take a look at how I edited your post to make it more readable. That'll help you get a quicker and better answer to your question here at SO. (Code should be formatted as code. You don't need HTML breaks to format the text. etc.) Hope that helps! — JasCav
– JasCav, Commented Feb 17, 2011 at 19:33

Chandu · Accepted Answer · 2011-02-17 19:34:38Z

3

You forgot the function(){ seperator, hence the current code is including hide and show in the mouse over event. Try this:

$(function() {     
    $('#projects').hover(function(){         
        $('#projects .pane').show(200)
        }, function(){
         $('#projects .pane').hide(200);     
         });
});

answered Feb 17, 2011 at 19:34

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sarfraz · Accepted Answer · 2011-02-17 19:33:47Z

1

Your code should look like this:

$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200);
    }, function(){
        $('#projects .pane').hide(200);
   });
});

The hover expects two function parameters. One for when mouse is over and other one when mouse is away.

answered Feb 17, 2011 at 19:33

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Comments

Eray · Accepted Answer · 2011-02-17 19:37:03Z

1

$(function() {
    $('#projects').hover(function() {
        $('#projects .pane').show(200)},

            function() {$('#projects .pane').hide(200);}
    )
});

http://jsfiddle.net/fCbQv/1/

answered Feb 17, 2011 at 19:37

Eray

7,14818 gold badges74 silver badges126 bronze badges

Collectives™ on Stack Overflow

jQuery Hover Problems

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related