I have a collapsing expanding menu I want to collapse before the
images load on the page. I was able to do this with the $document
ready command. Only problem is
In FF3 menu collapses immediately...once all images are loaded the
menu expands again ... :(
In IE6 works
In IE7 menu never collap
I removed
toggleMenu.addEvent(window, 'load', function(){toggleMenu.init
('menu','hidden');});
and now works as I want it to in FF3
ricardobeat,
thank you very much for your response. This is obviously my first time
working with jquery. I have translated your code to my page with some
unexpected results. When I click on any .menu > ul > li a all the page
does is hide the image in my main gallery which is also ran by jquery.
I
Thanks again richardo, here is the final script that works great
$(document).ready(function(){
var subs = $('.menu > ul ul');
subs.hide();
$('.menu > ul > li a').click(function(){
$(this).next('ul').toggle();
});
});
only problem is upon toggling of this menu it also hides the photos in
my jquery gallery
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery (English)" group.
To post to this group, send email to jquery-en@googleg
except on IE 6 and 7. FF and Safari both hide the main photo in the
gallery when clicking on collapsing menu
ria.js
>
> On Nov 25, 6:16 pm, firstarsbrnwhite <[EMAIL PROTECTED]> wrote:
>
> > except on IE 6 and 7. FF and Safari both hide the main photo in the
> > gallery when clicking on collapsing menu
ricardo your the man. thank you so much.
works great but now with the subs.hide() the toggle on the category no
longer works :(
I have created a toggle menu using this jQuery code.
$(document).ready(function(){
var subs = $('.menu > ul ul');
subs.hide();
$('.menu > ul > li a').click(function(){
$(this).next('.menu > ul > li a').toggle();
});
});
10 matches
Mail list logo