Использование Jquery для вызова различных функций с одной ссылкой

Question

Я бы хотел использовать одну ссылку href для вызова различных функций.

При первом щелчке он должен вызывать first_function (), а при втором щелчке он должен вызывать second_function.
Как переключение между двумя функциями по одной и той же ссылке. Предложите лучший способ сделать это.

Код запроса:

$(function() {

 var IntervalId;

 function first_function() {
  //code goes here
 }; 

 function second_function(){  
  //code goes here
 }  

$("#link2").click((function(){
second_function();
}));

$("#link1").click((function(){
first_function();
}));

});

Код HTML:

<a href="javascript:void(0);" id="link2">Call function2</a>
<a href="javascript:void(0);" id="link1">Call function1</a>

Answer 1

"Как переключение между двумя функциями по одной и той же ссылке."

$("#link1").toggle(
 function first_function() {
  // Code goes here 
 },
 function second_function(){  
  // Code goes here 
 }  
);

Из документации jQuery на toggle(fn1, fn2, [fn3, [fn4, [...]]]) :

Переключение между двумя или более вызовами функций при каждом нажатии.

Answer 2

Javascript:

$(document).ready(function() {
    function first_function() {
        // Code goes here 
    }; 

    function second_function(){  
        // Code goes here 
    }

    $("#link").toggle(first_function, second_function);
});

HTML:

<!-- I'm pretty sure that <a> isn't the right tag for this. -->
<button id="link">Toggle between the two functions.</button>

Answer 3

самый простой способ будет

var performFirstAction = true;

$(function() {

 function first_function() {
  // Code goes here 
 } 

 function second_function(){  
  // Code goes here 
 }  

 $("#link1").click(function(){
  if(performFirstAction) {
    first_function(); performFirstAction = false; }
  else {
    second_function(); performFirstAction = true; }
 });
});

или с помощью переключателя, как упоминает Томалак, ну,

$(function() {

 function first_function() {
  // Code goes here 
 } 

 function second_function(){  
  // Code goes here 
 }  

 $("#link1").toggle(
   first_function,
   second_function
 );
});