Как сделать переключатель на одну кнопку в JQuery?

Question

[tereshock98]

Есть одна кнопка. Нужно, что по одному щелчку выполнялась одна функция, а по повторному - выполнялась другая функция. Как реализовать*?

Answer 1

[y0u]

Простой вариант

var i = 0;

$('button').click(function() {
    i++;

    if (i == 1) {
        // function 1
    } else {
        // function 2
        i = 0;
    }
});

Comments

[tereshock98]

Мне нужно, чтобы добавлялся класс к блоку. Нажимаю один раз, класс добавляется, но по повторному нажатию класс не убирается.

$('.songs').click(function () {
                var i = 0;
                i++;
                if (i == 1) {
                    $('.songs').addClass('buttons-active');
                } else {
                    $('.songs').removeClass('buttons-active');
                    i = 0;
                };
            });

[Владимир Проскурин]

tereshock98, https://jsfiddle.net/o3cvu9y4/1/

[tereshock98]

Vlad_IT, Можешь, пожалуйста написать это же, только не с Алертом, а с добавлением и удалением класса?

И вообще, можно ли удалять класс у класса?

[VelAnna]

tereshock98, зачем вы добавляете i++;? В таком случае переменная у вас всегда будет равна 1.

[tereshock98]

Анна, А что добавить, чтобы переменная менялась с каждым нажатием?

[ffcar]

$('.songs').click(function() {
  $('.songs').toggleClass('buttons-active');
});

[VelAnna]

tereshock98,

var i = 0;

$(document).on('click', '.songs', function() {  
  if (i == 1) {
    $('.songs').addClass('buttons-active');
    i = 0;
  } else {
    $('.songs').removeClass('buttons-active');
    i = 1;
  };
});

[tereshock98]

ffcar, Воооооооооот, то, что нужно! Спасибо большое!!!!

[y0u]

tereshock98, вот что значит плохо составлено описание задачи. Вам нужно всего лишь использовать toggleClass, как написали выше, но у вас в описании задачи не сказано ничего про классы.

Answer 2

[VelAnna]

Создать переменную и при клике на кнопку проверять ее значение. В зависимости от значения переменной выполнять какое-то действие и изменять значение переменной.
Например https://jsfiddle.net/r2uwdL30/

Answer 3

[Владимир Проскурин]

Пишешь

(function($) {
    $.fn.clickToggle = function(func1, func2) {
        var funcs = [func1, func2];
        this.data('toggleclicked', 0);
        this.click(function() {
            var data = $(this).data();
            var tc = data.toggleclicked;
            $.proxy(funcs[tc], this)();
            data.toggleclicked = (tc + 1) % 2;
        });
        return this;
    };
}(jQuery));

потом используешь

$('#test').clickToggle(function() {   
    // Функция 1
},
function() {
    // Функция 2
});

От сюда своровал https://stackoverflow.com/questions/4911577/jquery...