Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
John Jameson
@JohnJameson
Сеошник + разработчик
HTML
CSS
Веб-разработка
Фронтенд
Как изменить элементы внутри блока без обновления страницы?
Как сделать чтобы менялись элементы внутри блока, при нажатии на категорию?
Вопрос задан
более трёх лет назад
134 просмотра
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
3
Сергей Горностаев
@sergey-gornostaev
Седой и строгий
Назначить на "категории" обработчик нажатия, в обработчике написать js-код, меняющий элементы внутри блока.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Антон Литвиненко
@AntonLitvinenko
HTML coder
https://isotope.metafizzy.co/
ну или вручную напедалить. Тут идея что изначально загружены все и кроме активного скрыты
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Никита Савельев
@NikitaNikitich
Вот так, просто скопируй и вставь себе
https://codepen.io/NikitaNikitich/pen/rNGyLYV
Ну и подключи себе в проект jQuery, естественно
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
ForSureN1
@ForSureN1
frontend dev
Так это же самые обычные табы? Нет ?
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Антон Литвиненко
@AntonLitvinenko
технически для того чтобы это были табы то у блоков, обьедененных общим признаком был бы общий родитель - он же таб-контент. А при сортировке у блоков с общим признаком должен быть общий например класс, а все блоки могут лежать в одном месте
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Можно ли использовать функцию calc() в медиазапросах?
1 подписчик
21 час назад
124 просмотра
1
ответ
HTML
+1 ещё
Простой
Как реализовать форму ввода как в веб-версии chatGPT?
1 подписчик
вчера
100 просмотров
0
ответов
Веб-разработка
+1 ещё
Простой
Почему не работает хостинг Weather API?
1 подписчик
11 нояб.
162 просмотра
0
ответов
CSS
+1 ещё
Простой
Как оптимизировать svg картинку?
1 подписчик
11 нояб.
119 просмотров
1
ответ
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
06 нояб.
155 просмотров
0
ответов
Веб-разработка
+1 ещё
Средний
Как запретить отскок сайта webapp telegram?
2 подписчика
05 нояб.
279 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
197 просмотров
0
ответов
Веб-разработка
Простой
Какую систему выбрать для документирования и описания структуры и дизайна сайта?
3 подписчика
03 нояб.
411 просмотров
4
ответа
PHP
+2 ещё
Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
1 подписчик
03 нояб.
172 просмотра
0
ответов
CSS
Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
1 подписчик
31 окт.
139 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul
•
Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама