Comments on: Writing multiple toggle links in JQuery http://www.olliekav.com/web-design/writing-multiple-toggle-links-in-jquery Designer, Illustrator, DJ and all round genuine bloke... Sat, 11 Jun 2011 16:46:15 +0000 hourly 1 http://wordpress.org/?v=3.2 By: Pascal http://www.olliekav.com/web-design/writing-multiple-toggle-links-in-jquery/comment-page-1#comment-1151 Pascal Sat, 11 Jun 2011 16:46:15 +0000 http://www.olliekav.com/?p=127#comment-1151 Where's the complete example jquery en html code? I don't now wat to do with "content content content" Thank you! A newbie Where’s the complete example jquery en html code?

I don’t now wat to do with “content content content”

Thank you!
A newbie

]]> By: Tejas Suthar http://www.olliekav.com/web-design/writing-multiple-toggle-links-in-jquery/comment-page-1#comment-1124 Tejas Suthar Fri, 28 Jan 2011 12:39:30 +0000 http://www.olliekav.com/?p=127#comment-1124 Great stuff presented over here. One similar stuff you can explore here is Demo Page: http://papermashup.com/demos/jquery-sliding-div/ Project Page: http://papermashup.com/simple-jquery-showhide-div/ Great stuff presented over here. One similar stuff you can explore here is

Demo Page:
http://papermashup.com/demos/jquery-sliding-div/

Project Page:
http://papermashup.com/simple-jquery-showhide-div/

]]> By: Debbie Campbell http://www.olliekav.com/web-design/writing-multiple-toggle-links-in-jquery/comment-page-1#comment-1119 Debbie Campbell Wed, 22 Dec 2010 00:09:52 +0000 http://www.olliekav.com/?p=127#comment-1119 This is just what I was looking for, but a demo would have made it easier. This is the HTML that's working for me (I hope it displays properly): <code><a href="#" rel="nofollow">First link</a> First toggled content <a href="#" rel="nofollow">Second link</a> Second toggled content</code> This is just what I was looking for, but a demo would have made it easier. This is the HTML that’s working for me (I hope it displays properly):
First link
First toggled content
Second link
Second toggled content

]]> By: OptimalSolution http://www.olliekav.com/web-design/writing-multiple-toggle-links-in-jquery/comment-page-1#comment-1113 OptimalSolution Tue, 19 Oct 2010 12:52:57 +0000 http://www.olliekav.com/?p=127#comment-1113 {t}Text{/t} <a href="#" rel="nofollow">{t}Fold{/t}</a> {$text} {t}Text{/t} <a href="#" rel="nofollow">{t}Fold{/t}</a> {$text} {t}Text{/t} <a href="#" rel="nofollow">{t}Fold{/t}</a> {$text} var states = ["Unfold", "Fold"]; // two-state toggle for multiple items with no need for a unique class or identifier $(".foldable a.switch").click(function() { $($(".content", this.parentNode.parentNode)).toggle(); $(this).html(states[$(this).html() != states[0] ? 0 : 1]); return false; }); {t}Text{/t} {t}Fold{/t}

{$text}

{t}Text{/t} {t}Fold{/t}

{$text}

{t}Text{/t} {t}Fold{/t}

{$text}

var states = ["Unfold", "Fold"];
// two-state toggle for multiple items with no need for a unique class or identifier
$(“.foldable a.switch”).click(function() {
$($(“.content”, this.parentNode.parentNode)).toggle();
$(this).html(states[$(this).html() != states[0] ? 0 : 1]);
return false;
});

]]> By: Lee http://www.olliekav.com/web-design/writing-multiple-toggle-links-in-jquery/comment-page-1#comment-1112 Lee Thu, 22 Jul 2010 21:16:32 +0000 http://www.olliekav.com/?p=127#comment-1112 Delete the above post and this one then, you need to make it clear to people that: toggle-item- on each thing they would like to show and hide, should be set to, lets say: toggle-item-link1. So in other words make sure each "toggle-item-" your hiding and showing has a name of: "toggle-item-link1" The "link1" needs to match the class="link1" that called it, so dont just use "toggle-item" and/or "toggle-item-" because that wont work. Got it ?!? Delete the above post and this one then, you need to make it clear to people that:

toggle-item- on each thing they would like to show and hide, should be set to, lets say: toggle-item-link1.

So in other words make sure each “toggle-item-” your hiding and showing has a name of:

“toggle-item-link1″

The “link1″ needs to match the class=”link1″ that called it, so dont just use “toggle-item” and/or “toggle-item-” because that wont work.

Got it ?!?

]]>