Не знаю смогу ли объяснить мою проблему, но попробую Схематично: https://prnt.sc/ptb3xq т.е. у меня есть слева меню, по середине контент и справа таблица на которой расположена стрелка, при клике на которую таблица открывается на всю ширину до левого меню поверх контента, и стрелка переворачивается в другую сторону, а по клику на нее опять возвращается в исходное положение и таблица и стрелка анимированно (плавно в общем). Изначально начал вот так и на первом этапе вошел в ступор: Код: $(document).ready(function() { $('#button-change-table-moneyback').click(function () { if ($("#button-change-table-moneyback").hasClass('first-state-of-the-button')){ $("#button-change-table-moneyback").addClass('second-state-of-the-button'); }else if{ ($("#button-change-table-moneyback").hasClass('second-state-of-the-button')){ $("#button-change-table-moneyback").removeClass('first-state-of-the-button'); console.log('back2'); } // $("#button-change-table-moneyback").addClass('second-state-of-the-button'); // console.log('back'); }); }); так наверное будет более читабельно: https://prnt.sc/ptb0yg Таблицу еще даже не трогал. Стрелка анимированно переворачивается, а при втором клике даже нет никакой реакции, чтобы банально вернуться в начальное положение По хорошему надо куда -нибудь залить - сейчас попробую - пробую на Query - вроде все просто, но чет все как обычно) ...сделал правки на первом скрине а то сам ничего не понял на первом... вот так выглядит css: https://prnt.sc/ptb5pk --- Добавлено, 6 ноя 2019 --- что-то тут вообще нифига не пашет ((( https://jsfiddle.net/AlexGood2016/7yf23bL0/58/ --- Добавлено, 6 ноя 2019 --- поправил линк, а то какая-то шляпа там: https://jsfiddle.net/AlexGood2016/7yf23bL0/58/#&togetherjs=73wp3kp9l8
Слишком сложно. Надо использовать один класс, который указывает на активное состояние стрелки и переключать его через toggleClass(). Тут скобки местами перепутаны.