Понимаю что здесь этот вопрос не уместен, т.к. сообщество по

реакту, но все-же задам.
Всем доброго времени суток. Кто может помочь со скриптом?
PS: Не пишите пожалуйста "иди читай доки; метавопросы и т.д."
В общем есть блок:
<div class="col-4 online-table-nonactive" id="online-table">Показать</div>
И есть вот такой скрипт:
$('.online-table-nonactive').click(function () {
$(this).text('Скрыть');
$('.online_tablo_content').slideToggle('slow');
$(this).toggleClass('more_icon_down');
$(this).toggleClass('online-table-active');
$(this).removeClass('online-table-nonactive');
});
$('.online-table-active').click(function () {
$(this).text('Показать');
$('.online_tablo_content').slideToggle('slow');
$(this).toggleClass('online-table-nonactive');
$(this).removeClass('online-table-active');
});
Но почему-то класс "...nonactive" не добавляется и надпись "Показать" не появляется, остается все так же "Скрыть".
Объясните пж, что я делаю не так?

Мне кажется этот вопрос лучше задавать в сообществе jquery, вообще удивлен, что его еще используют

@js_noobs_ru

метавопросы

вебстудии маленького размера еще долго не узнают о существовании реакта

честно говоря, лучше нативный js использовать, чем jquery. Какое-то отвращение к н ему

так я для себя делаю, никакой веб-студии

так уже начинай забывать о существовании жимкери, делай актуально

зачем тебе jquery?

ну по лабе так(

сочувствую

весь смысл нашего образования в 1 сообщении (простите больше не буду)

если удаляешь класс, то надо добавлять... или используй тот же тоггл вместо удаления

так я же добавляю класс, при первом клике, класс добавляется и удаляется. При втором ничего(

function onActive() { $('.online-table-active').click(function () { $(this).text('Показать'); $('.online_tablo_content').slideToggle('slow'); $(this).toggleClass('online-table-nonactive'); $(this).removeClass('online-table-active'); onNonactive(); }); }; function onNonactive() { $('.online-table-nonactive').click(function () { $(this).text('Скрыть'); $('.online_tablo_content').slideToggle('slow'); $(this).toggleClass('more_icon_down'); $(this).toggleClass('online-table-active'); $(this).removeClass('online-table-nonactive'); onActive(); }); } onNonactive();

где ты добавляешь? я не вижу addClass

А можете объяснить нубу в чем проблема jq? У него же вроде широкая браузерная поддержка, плюс нужно писать меньше кода для реализации некоторых простых вещей, типа слайдеров, модалок, да и просто классы тоглить. Плюс много библиотек всё ещё его используют. Я говорю именно про использование jq для создания лендингов и небольших сайтов, где какой-нибудь реакт это уже оверхед.

Тут нет проблемы. Обычная вкусовщина

Жирно, шизоидно выглядит, апи на колбеках, все функции реализуются другими миниатюрными и более функциональными либами которые весят меньше

На работе впарили поддерживать проект на jq. После реакта блюю на монитор каждый день.

если конечному заказчику результат нравится, нет никаких проблем )

Да пацаны я не тролю, реально спросил в чем проблема юзать jq для лэндингов без какой-то особой логики, только чтобы классы переключать

оно почему-то жестко зацикливается, но все равно спасибо) теперь хоть надпись меняется

да ну надеюсь проблему ты уловил, в идеале не убирай класс на который навешиваешь слушатель и всё будет ок

Нет никакой проблемы, используют и не заморачиваться. Обычно те, кто говорит обратное - свидетели Иеговы.

Если хочется то юзай. А вообще из нового есть Alpine.js, хорошая штука

я бы вуе мб взял быстро просто

хотя тоже ниче вроде