| jQuery Toggle
|
ChrisBolton
msg:4538098 | 10:26 pm on Jan 21, 2013 (gmt 0) |
This should be an easy one, but I've been struggling with it for over two hours now. I would greatly appreciate any help with this.
I’ve got a number of identical buttons on a page, each with a number of identical classes. For example:
<a href="#" class="a b c"><span class="y">button</span></a>
<a href="#" class="a b c"><span class="y">button</span></a>
<a href="#" class="a b c"><span class="y">button</span></a>
I want to be able to swap the class 'c' for a new class 'e' when I click the anchor, but only on the button I click. I also want the class on the span element to toggle between the current class of 'y' and a new class of 'z' with the same click.
I’m sure I have done this before but it’s got me pulling my hair out right now. Can anyone help me please?
Thanks in advance.
|
ChrisBolton
msg:4538332 | 1:46 pm on Jan 22, 2013 (gmt 0) |
I got it to work in the end by using:
(function() {
$('a.a').click(function() {
$(this).toggleClass("c").toggleClass("e").find("span").toggleClass("y").toggleClass("z");
});
})();
Can this be improved?
|
daveVk
msg:4538520 | 3:08 am on Jan 23, 2013 (gmt 0) |
Try
$(this).toggleClass("c e").find("span").toggleClass("y z");
|
|
|
