The .next() method will only select the very next sibling. If you
have other siblings in between the two h4s, you'll need to use a
different selector.
You could try this instead:
jQuery('div.faq h4').click(function() {
jQuery('~ h4:first', this).addClass('top');
});
That'll find the first sibling h4 that follows the clicked h4.
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Aug 30, 2007, at 8:03 PM, Josh Nathanson wrote:
Next() will only get siblings -- can you post the html?
-- Josh
----- Original Message ----- From: "ruperdupe" <[EMAIL PROTECTED]>
To: "jQuery (English)" <jquery-en@googlegroups.com>
Sent: Thursday, August 30, 2007 11:36 AM
Subject: [jQuery] next() problems
What I'm trying to do is when someone clicks on a h4 heading the next
one has a class (top) added to it. In between each heading there are
other elements. The h4s are inside a div called 'faq'.
So far I've tried:
jQuery('div.faq h4').click(function() {
jQuery(this).next().addClass('top');
});
And:
jQuery('div.faq h4').click(function() {
jQuery(this).next('h4').addClass('top');
});
Neither works and I can't figure out why? If anyone could help, that
would be great!
(I'm using jQuery instead of $ because I'm using Prototype as well)
