jQuery Variable does not hide

Question

Here's my code:

   $('#details').hover(function() {
    var tag = 'div.cds'
    var offset = $(this).position();
    var width = $(tag).outerWidth();
    var height = $(tag).outerHeight();
    $(tag).show();
    $(tag).css('left', offset.left - width + 'px');
    $(tag).css('top', offset.top - height + 'px');
}, function() {
    $(tag).hide();
});

When I "mouseout", the variable "tag" does not hide.

JSFiddle here: http://jsfiddle.net/79kLc/

Thanks!

Naftali · Accepted Answer · 2011-05-23 17:38:38Z

5

Learn about scope

var tag = 'div.cds'
 $('#details').hover(function() {
    var offset = $(this).position();
    var width = $(tag).outerWidth();
    var height = $(tag).outerHeight();
    $(tag).show();
    $(tag).css('left', offset.left - width + 'px');
    $(tag).css('top', offset.top - height + 'px');
}, function() {
    $(tag).hide();
});

The tag variable did not exist in the second function's scope. So i added tag to the global scope. and it should work now.

answered May 23, 2011 at 17:38

Naftali

147k41 gold badges247 silver badges304 bronze badges

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

2 Comments

Naftali Over a year ago

@milimetric, i was not tring to be mean :-P

Yahreen Over a year ago

Both these answers are correct. @Naveed's solution works best for my needs since I re-use the function multiple times and do not need to declare global vars for each function. But @Neal replied first so I'm accepting that one. Thanks to everyone however!

Naveed Ahmad · Accepted Answer · 2011-05-23 17:39:45Z

0

Because tag can't be referred in this scope. You'll have to use the selector again. Like this: $('div.cds').hide();

Update fiddle: http://jsfiddle.net/79kLc/1/

answered May 23, 2011 at 17:39

Naveed Ahmad

3,1751 gold badge17 silver badges18 bronze badges

Collectives™ on Stack Overflow

jQuery Variable does not hide

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related