Thanks, that looks like it does the job! Looks quite easy to adapt to my requirements.
Cheers, Adrian On Nov 30, 6:41 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > I made this a while back.http://www.commadot.com/jquery/faq.php > > I think it does what you want. You can change the markup to be DD/DT pretty > easily. > > Glen > > On Nov 30, 2007 8:47 AM, [EMAIL PROTECTED] < > > [EMAIL PROTECTED]> wrote: > > > Ladies and Gentlemen, > > > Here goes my complete noob question: > > > I have this demo page: > >http://www.itchycloud.co.uk/panther/ > > > in which I'm using this jquery script: > > > $(document).ready(function(){ > > $("dd:not(:first)").hide(); > > $("dt a").click(function(){ > > $("dd:visible").slideUp("slow"); > > $(this).parent().next().slideDown("slow"); > > return false; > > }); > > }); > > > which I found on sniplr: > >http://snipplr.com/view/2208/jquery-collapsible-sidebar-menu/ > > > I would like to modify this script so that when the user clicks on the > > current active - displayed, open - <DT><A> then the appropriate <DD> > > will collapse/hide. > > > I suppose it should be something like this in pseudo-code: > > > if current.DT is the previous sibling of current visible DD > > then click function() will close DD; > > else click function() will open next sibling DD > > > Basically, when there is a lot of content in a given DD I want the > > user to be able to click on the previous sibling DT A and it will > > close that DD. This will prevent a lot of scrolling with some pages on > > the planned website. > > > TIA for your help. I am really looking forward to learning javascript > > and jquery, > > Adrian