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();
});
});
works great but now with the subs.hide() the toggle on the category no
longer works :(
ricardo your the man. thank you so much.
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
except on IE 6 and 7. FF and Safari both hide the main photo in the
gallery when clicking on collapsing menu
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
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();
});
});
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
I removed
toggleMenu.addEvent(window, 'load', function(){toggleMenu.init
('menu','hidden');});
and now works as I want it to in FF3
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
10 matches
Mail list logo
