Issue on Toggling Two Functions in jQuery

Question

Can you please take a look at this demo and let ma know how I can call/toggle two functions from outside of the toggle()

function printConsole() {
  console.log("This is From Function A");
}

function printAlert() {
  alert("This is From Function B");
}

$("#toggler").toggle(
  printConsole(); printAlert();
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<button id="toggler">Toggle Fnctions</button>

1. your code is not valid; 2. you cannot _toggle_ functions; 3. you want to use a [click handler](https://api.jquery.com/click/). — moonwave99, Sep 02 '15 at 07:33
Well then do it : )) Keep track of the number of clicks in a variable, and call a function accordingly. — moonwave99, Sep 02 '15 at 07:42
This `toggle` functionality has been deprecated since version 1.8. See http://stackoverflow.com/questions/14382857/what-to-use-instead-of-toggle-in-jquery-1-8/14383246#14383246 for a workaround — Gabriele Petrioli, Sep 02 '15 at 08:07

score 1 · Accepted Answer · answered Sep 02 '15 at 08:03

Try storing functions in an array , utilizing .click() , Array.prototype.reverse()

function printConsole() {
  console.log("This is From Function A");
}

function printAlert() {
  alert("This is From Function B");
}

var fns = [printConsole, printAlert];

$("#toggler").click(function() {
  fns[0]();
  fns.reverse();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<button id="toggler">Toggle Fnctions</button>

score 0 · Answer 2 · edited May 23 '17 at 10:26

0

Depreciated in jquery 1.8

use comma, try this code:

$("#toggler").toggle(
  function() {
  console.log("This is From Function A");
},function() {
  alert("This is From Function B");
}
);

reference: https://api.jquery.com/toggle-event/

Update

Use this Instead:

var clicks = true;
$('a').click(function() {
  if (clicks) {
    alert('Function A');
    clicks = false;
  } else {
    alert('Function B');
    clicks = true;
  }
});

reference: Alternative to jQuery's .toggle() method that supports eventData?

edited May 23 '17 at 10:26

Community

1
1

answered Sep 02 '15 at 07:57

Shaminder Singh

1,283
2
18
31

This was deprecated in jQuery 1.8. – moonwave99 Sep 02 '15 at 08:00
Thanks Shaminder S Aujla, so there isnt a way to call the functions inside the toggle()? – Suffii Sep 02 '15 at 08:01

Issue on Toggling Two Functions in jQuery

2 Answers2