Как изменить класс по клику?

Question

[bxspb]

Как изменить два класса при клике по элементу? Не добавить, а именно изменить.
Пример:

<a id="toggle-btn">Переключатель</a>
<div class="uk-width-3-4 first">

По клику на #toggle-btn изменить class c "uk-width-3-4 first" на "uk-width-4-4 first" и обратно при повторном клиеке по элементу #toggle-btn

Городила подобную дичь, но все равно не работает.

$(function () {
  $(".tt-filters-button-toggle").click(function () {
        if ( $(this).hasClass("uk-width-3-4") ) {
    $(this).removeClass("uk-width-3-4").addClass("uk-width-4-4");
} else if ( $(this).hasClass("uk-width-4-4") ) {
    $(this).removeClass("uk-width-4-4").addClass("uk-width-4-3");
    });
  });

Функция toggleClass изменяет только один класс, типа "uk-width-3-4" но не такой "uk-width-3-4 first".

Comments

[Ярослав Иванов]

Это не двойной класс а два класса

[bxspb]

Ярослав Иванов, а ну тогда все понятно, все заработало, спасибо

[RTFMaster]

toggleClass + при смене одного из статуса советую добавлять вспомогательный класс, например, toggled, и валидировать по нему при клике

[Ярослав Иванов]

bxspb, не за что. Всегда рад помочь.

Answer 1

[Пашенька]

$('.tt-filters-button-toggle').on('click', function () {
    $('.first').toggleClass('uk-width-3-4 uk-width-4-4');
});