slideToggle

[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.

[Author]

Posts