Hi Karl,
Thanks so much for the help - it definitely got me in the right
direction. Here's what I ended up with inside the (document).ready
function:
$(".extraContent").hide(); // hide the extra stuff by default
$('div.contentWrapper').click(function() { // contentWrapper DIV,
contains <a>[TITLE]</a> and .extraContent DIV
$(this).find('.extraContent').slideToggle(); // slide toggles
the .extraContent DIV within the .contentWrapper
});
it all seems to work; clicking one leaves the others untouched;
clicking multiple works as it should. i was getting weird thing
happening with the 'td:first-child' approach. is anything i'm doing
terribly bad form?
again, thanks!
On Jul 15, 7:51 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> Hi Joe,
>
> Assuming that the additional information that you're initially hiding
> is in a span tag, I'd do something like this:
>
> $(document).ready(function() {
> $('td:first-child').click(function() {
> $(this).find('span').slideToggle();
> });
>
> });
>
> --Karl
> ____________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Jul 15, 2008, at 2:04 PM, Joe S wrote:
>
>
>
> > I know this has got to be in here somewhere; I'm not familiar enough
> > with jQuery syntax to know what a valid search string is (i keep
> > looking for EACH and THIS and MULTIPLE but I'm not returning anything
> > useful). So I apologize that my noob stripes are showing through...
>
> > I've got (basically) a table looking like:
>
> > Title | Release Date | Revised Date | Contact
> > -----------------------------------------------------------------------------------
> > -----------------------------------------------------------------------------------
> > Apples | 08-2005 | 09-2006 | John Smith
> > -----------------------------------------------------------------------------------
> > Bananas | 08-2005 | 09-2006 | John Smith
> > -----------------------------------------------------------------------------------
> > Oranges | 08-2005 | 09-2006 | John Smith
>
> > I'm trying to add the ability to toggleSlide a (initially) hidden div
> > under each individual [TITLE] without triggering the rest of the
> > hidden content *AND -- if possible* without assigning a unique ID to
> > each title/content pair (I could make it work that way, but these
> > update a lot, and keeping track of the last unique value is a chore).
>
> > For example, clicking on "Apples" would reveal:
>
> > Title | Release Date | Revised Date | Contact
> > -----------------------------------------------------------------------------------
> > -----------------------------------------------------------------------------------
> > Apples | 08-2005 | 09-2006 | John Smith
> > Apples are |
> > Tasty. |
> > -----------------------------------------------------------------------------------
> > Bananas | 08-2005 | 09-2006 | John Smith
> > -----------------------------------------------------------------------------------
> > Oranges | 08-2005 | 09-2006 | John Smith
>
> > SO... I need some way of saying:
>
> > [click a title > reveal the corresponding content > click it again to
> > hide it] leaving the rest of the table in tact
>
> > Sound doable, or should I just go the unique ID route? Thanks in
> > advance!
