Forums

margaux

I've used the slideToggle function for a dropdown menu. It's working on the top level pages but not the lower level ones - any suggestions on how to get it working? The client really likes it so I would like to use it on all the pages. It's working here but not here

I don't want to use CSS3 for this as I know many of the potential clients use Internet Explorer. Thanks for any help.

SgtLegend

In one page you have jQuery running by itself but in the other page you also have prototype running as well which uses the $ var, to avoid any issues either use jQuery or

var $j = jQuery.noConflict();

$j.click(function() {
	 // Do something...
});

margaux

On the sub pages I'm using a lightbox plugin which uses the prototype.js script. I'm not sure how to use your suggestion which looks a good one. would you mind being a bit more specific - the script for the dropdown menu is simple

$(document).ready(function () {
    $('#portLink').click(function () {
   $('ul.subNav').slideToggle('medium');
    });
});

should I amend that script? Thanks alot for your help.

SgtLegend

All the information you need to know about avoiding library conflicts can be found on the jQuery website.

http://api.jquery.com/jQuery.noConflict/

margaux

got it - thanks for posting this link.