For my client project I added an accordion menu for my menu div when viewing the site on a small screen. The following script is used to get this effect



// show menu (smallest screens)
$('#menu-toggle').click(function() {
$('#menu ul').slideToggle('slow', function() {
// Animation complete.
});
$('ul').addClass('view');
});
});


However, recently my good friend Julio found out that the menu doesn't execute on all pages and if you want to enable it, the light box doesn't work and vise versa. As most of us are using Satellite 1.5 for our client project i found out that other java script can conflict with each script, so the mootool.js and slimbox.js conflict with the above script. On my own client site i found the recent.php, tag.php and tags.php the lightbox works fine but the accordion menu script doesn't work.

Here is what i did to solve the problem, the first thing to do is to take the above script and make some minor changes.

Below is the above script with the minor changes



// show menu (smallest screens)
var $j = jQuery.noConflict();
// Use jQuery via $j(...)
$j(document).ready(function(){
$j('#menu-toggle').click(function() {
$j('#menu ul').slideToggle('slow', function() {
// Animation complete.
});
$j('ul').addClass('view');
});
});
[Please note #menu-toggle is the name of my you might have a different one.]

add the whole script before the . if you have the mootools.js and the slimbox.js script on the top of your html page take it down to the bottom before the . You should make the above changes in the following pages, recent.php, set.php, tag.php and tags.php (assuming you have these pages). These are the only pages that have more then one JavaScript.

I hope it helps

regards
Nazim

p.s here is were i found the solution to the problem, just in case the above method doesn't work for you
http://api.jquery.com/jQuery.noConflict/