Question

I am trying to hide Division B on this page. Due to the nature of the WordPress template, it’s kind of difficult to do. I am trying to use javascript in the footer:

$('div#division-2 div.teampage').prev('h2').css("display","none");

This works perfectly on JSFiddle, so I’m not sure what I’m doing wrong. I also created a javascript file with the code. Can someone please give me some guidance?

Answer 1

In the header, you have this code:

var $jquery = jQuery.noConflict();

This disables the $ shortcut. Replace $ with jQuery or $jquery in your code. For example:

jQuery(document).ready(function() {
    jQuery('div#division-2 div.teampage').prev('h2').css("display", "none");
});

The reason the code in hide-division.js isn’t working is that while it is using $jquery (for $jquery(document).ready, at least; it still needs to use that in the body of the handler), hide-division.js is running before the code calling noConflict.