Executing jquery function from a with class problems

Question

I've set up the navigation on my site with links within the children of a list. The links have text that is tabbed off so that only the image shows. For 2 of the links I want to show specific sub navigation via jquery hover. Unfortunately, this doesn't work as easily as planned. You can see here http://serratedfoundation.com/test/

At the top left of the page is a link without the tabbed off text that shows the functionality I'm looking to attain when hovering over the "services" image. I understand this is fairly elementary and is probably caused by the way I've set up the CSS of the nav. That said, I'm not experienced enough to pinpoint the problem even though I've troubleshot it with the aforementioned link. Additionally, if anyone could provide a link for how to use firebug to troubleshoot Javascript, that'd be great.

Marko · Accepted Answer · 2012-05-21 04:15:01Z

1

You need to call the function inside jQuery(document).ready()

var j = jQuery.noConflict();

j(document).ready( function(){

    j(".navServices").hover(function () {
        j("#subNavWrap").show();
    }, function() { //on hover out...
        j("#subNavWrap").hide();
    });
});

edited May 21, 2012 at 4:15

Marko

72.3k29 gold badges126 silver badges160 bronze badges

answered May 21, 2012 at 4:13

Lee

7051 gold badge6 silver badges12 bronze badges

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

1 Comment

Chadimoglou Over a year ago

Awesome. Thank you kindly for the prompt help!

Collectives™ on Stack Overflow

Executing jquery function from a with class problems

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related