Question

I want to run the following jquery code on every page in my website.

$(document).ready(function(){           
    $("#more").click(function(){
        $("#morediv").slideToggle("slow");
        return false;
    });
});

In all my pages I have the more and morediv elements defined, for every page I have different js file and adding this code in every file will not be a good solution (I suppose).

I have created a global.js to include this code, but in other pages also I have the $(document).ready(function(){} function defined and may be that’s why its conflicting and not running properly.

Answer 1

You can have multiple $(document).ready(function(){}) elements on your page, so that it’s the problem. I suggest using Firefox/Firebug and examining any console errors you find to discover the problem. Perhaps your global.js file is being loaded before jQuery itself? Otherwise, you’ll need to dig into it with Firebug’s debugger.