jQuery Toggle -- One Function One Click Then Another

Question

Here's what I would like to do in pseudocode form.

Bind Two Functions to Click Event

On 1st/Odd Clicks Do FunctionA()

On 2nd/Even Clicks Do FunctionB()

The .toggle() function seems to not be designed for this.

I'm sure this exists in jQuery but my googling hasn't resulted in anything. :)

Odd and Even from a table rows/list items?

Tim B James
– Tim B James

2011-11-11 16:45:14 +00:00
Commented Nov 11, 2011 at 16:45 — Tim B James
– Tim B James, Commented Nov 11, 2011 at 16:45
Thanks everyone! :D I just assumed toggle hid elements. :">

bobber205
– bobber205

2011-11-11 23:23:25 +00:00
Commented Nov 11, 2011 at 23:23 — bobber205
– bobber205, Commented Nov 11, 2011 at 23:23

lonesomeday · Accepted Answer · 2011-11-11 16:46:25Z

4

I don't see how this isn't exactly what toggle is designed for...

$('#someEl').toggle(FunctionA, FunctionB);

You may be confused by the other toggle function that exists in jQuery, which won't be called if you pass functions as the arguments.

answered Nov 11, 2011 at 16:46

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Royi Namir · Accepted Answer · 2011-11-11 16:43:48Z

1

var i=1;
$(".a").click (function () {if (i%2!=0) FunctionA();i++;});
$(".a").click (function () {if (i%2==0) FunctionB();i++;});

answered Nov 11, 2011 at 16:43

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

1 Comment

Andrew Stubbs Over a year ago

Just to save precious CPU cycles: var flag=true; $(".a").click (function () {if (flag) FunctionB();flag=!flag;}); $(".a").click (function () {if (!flag) FunctionB();flag=!flag;});

user85569 · Accepted Answer · 2011-11-11 16:45:09Z

0

You just need to ask Google the right question ;)

$(selector).toggle(function(),function(),function(),...)

function() Required. Specifies a function to run every EVEN time the element is clicked
function() Required. Specifies a function to run every ODD time the element is clicked
function(),... Optional. Specifies additional functions to toggle between

http://www.w3schools.com/jquery/eff_toggle.asp

answered Nov 11, 2011 at 16:45

user85569

3843 silver badges10 bronze badges

3 Comments

Greg Pettit Over a year ago

The information in the body of this answer is right, but the link is not helpful. That's for effect toggle not event toggle.

user85569 Over a year ago

That's where I copied/pasted from. Scroll down and you'll see "Toggle Between Functions" It doesn't talk about the effect anymore. I just showed you my source

Greg Pettit Over a year ago

My apologies! It's there after all. sheepish

Collectives™ on Stack Overflow

jQuery Toggle -- One Function One Click Then Another

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related