[jQuery] Re: noob question: how to close current visible DD in this script

2007-11-30 Thread [EMAIL PROTECTED] 

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 - DTA 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

[jQuery] Re: noob question: how to close current visible DD in this script

2007-11-30 Thread Glen Lipka 
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 - DTA 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