Есть сайт с 6-ю кнопками в меню. Смысл в том, что каждая кнопка меняет основной контент сайта (пытаюсь сделать что-то типо сайта без обновления). Проблем никаких не возникло, скорее неудобство. Что-бы вызвать новый контент, нужно спрятать возможный предыдущий. В JS и Jquery не силён, поэтому сделал так:
$("#button1").click(function () {
$("#div1_div").fadeIn(1000);
$("#div2_div").fadeOut(100);
$("#div3_div").fadeOut(100);
$("#div4_div").fadeOut(100);
// и тд
})
$("#button2").click(function () {
$("#div2_div").fadeIn(100);
$("#div_div").fadeOut(100);
// и тд
})
Это наверное глупо, не правильно и неудобно для работы. Как это можно упростить? Как сделать по человечески? P.S. React + Nodejs просьба не предлагать. Нет времени его изучать пока, сложновато. P.P.S. Пробовал Fullpage.js, немного не то + платные ограничения.
ajax