Изпълнение на функцията jquery от клас с проблеми - jquery, wordpress, hover, conflict

Направих навигация в моя сайт с връзкив рамките на децата на списък. Връзките имат текст, който се отваря, така че да се показва само изображението. За 2 от връзките искам да покажа конкретно навигация чрез jquery hover. За съжаление, това не работи толкова лесно, колкото е планирано. Можете да видите тук http://serratedfoundation.com/test/

В горния ляв ъгъл на страницата има връзка безкойто показва функционалността, която искам да постигна, когато се движим над изображението "услуги". Разбирам, че това е доста елементарно и вероятно е причинено от начина, по който създадох CSS на навигацията. Това каза, че не съм достатъчно опитен, за да установя проблема, въпреки че съм го смущавал с гореспоменатата връзка. Освен това, ако някой може да предостави връзка за това как да използва firebug за отстраняване на Javascript, това ще бъде чудесно.

Отговори:

Трябва да се обадите на функцията вътре 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();
});
});