Как сделать аккордеон на: чистом CSS / прекрасном JS / ужасном jQuery? 

😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

Господи! Добрый Юноша! Я только это всё изучаю, зарабатывать, даже не пыталась, но если не получается решить ту или иную задачу, у меня останавливается МИР ! Милый, Виталий, Вы возвращаете меня к жизни! Иногда для решения мне не хватает какой-нибудь мелочи, а вы всё наглядно объясняете ! ! ! Спасибо Вам ОГРОМНОЕ ! ! !

Пришел я значит из музыкальной школы, подумал прекрасный мужчина из народного ансамбля расскажет как сделать аккордеон в домашних условиях, а тут мне про эти ваши интернеты рассказывает, но лайк все равно поставлю!)

Отличные последние три видео. Всё подробно объясняете и мне очень нравятся видео про реализации базовых вещей на нативном js. 👍

Так круто! Спасибо) Видосы интересные, как всегда❤️

Спасибо Виталий за пользу, которую вы несёте людям на этом канале.

Сегодня я узнал не только три способа, как сделать аккордеон, но и что такое аккордеон! Спасибо))

Как обычно мега лайкосик за супер важную инфу и за то что очень в кассу 👍🏻😉

Спасибо мужик тебе за твои видео. Всё по бэму расписал и аккуратно так лайк

Полезное видео. Теперь знаю, как сделать каркас, осталось стилизовать по-своему)

благодарность за видео) когда не часть делаешь аккордеон то местами забываешь, что да как) удачи

Реально очень просто и полезно! Хорошо бы еще анимацию на раскрытие и закрытие аккордеона.

Спасибо огромное , давно ждал)красавчик🤘

как же вы круто объясняете, вот бы у вас был курс по js

Спасибо большое! Очень полезно!! 🧡

Большое тебе спасибо, учусь верстать по твоему каналу)

Ты гений! Спасибо, помог с проектом!

Спасибо огромное за видео!

Кому как но мне нравиться как он объясняет и то что надо для новичков. Чтобы больше таких видосы

Все просто и понятно....респект тебе Чувак

Спасибо большое за полезную инфу. +1 подписчик Я вас видел в ИТ бороде поэтому и посмотрел. Лексу привет ))))))))

Здравствуйте. Сам из Баку. Сейчас изучаю JavaScript, HTML5 и CSS3, ваши уроки помогают в этом, очень полезные, спасибо! Очень приятно, как простой парень из Баку поднялся до таких высот, как IBM. Удачи вам!

Очень полезно, спасибо.

Сделал как в видео - ничего не получилось. Странно

спасибо за урок

Виталий, спааасибо большое

очень полезное видео, спасибо!

Круто!

Круто мне помогло!

Весчь! Спасеба, сохранил!

Спасибо!

Ништяки подъехали

Thanks for video Bro

Спасибо)

Блин, я вот думал как сделать аккардион, везде просто было косо, где-то криво, или непонятно, вас посмотрел как вы на html scss, сделали просто ахренел, честно.

Большое спасибо за видео, максимально всё понятно. Единственное, что хотел узнать, а как лучше аккордеон писать, часто на css или на jQury, по сути разницы же нет в функциональном моменте (или ошибаюсь))?

Захожу на твой канал перед походом в магазин за рубашками)

Очень хотелось бы увидеть от вас уроки по Vue js )

Лысый, как обычно, решает) Лайк) В Киев не будете приезжать с конференцией по вебу? Я б сходил)

Добрый день! А в случае создания аккордеона на голом html и css можно сделать так, чтобы выпадали эти вкладки плавно/замедленно. Применяется ли transition к input radio? Если да, то подскажите пожалуйста как это сделать?🙏

можно реализовать аккордеон на css3 следующей структуры: Часть I 1. Название страницы 2. Название страницы 3. Название страницы Глава 1 4. Название страницы 5. Название страницы 6. Название страницы Глава 2 7. Название страницы 8. Название страницы 9. Название страницы Часть II 10. Название страницы 11. Название страницы

Здравствуйте! Скажите пожалуйста, как сделать, чтобы при нажатии на триггер, он оставался на месте? Когда контента на странице достаточно много, при нажатии на открывающий список, когда аккордеон сверху находится - еще норма, но когда аккордеон снизу страницы, - контент смещается вверх, и неудобно прокручивать к началу... Буду благодарен за Ваш ответ! ❤️❤️❤️

А какой Ваш аккордеон?)

Спасибо. Но как все же оптимальнее? В чистом html или в js делать подобные вещи? (не только про аккордеон)

Огонь, почему у тебя курса нет своего тока?))

Мой аккардеон на jquery в 2 строки)

Круто, а как на чистом js сделать плавное выдвижение контента?

Для аккордеона есть специальные хтмл теги. Это еще один простой способ.

Как добавить плавности скрипту на чистом JS?

Из всего выше перечисленного я с мог реализовать только подключение библиотеки JQuery

Я начинающий, но если только html css, не прощу ли использовать

Надеюсь автор читает коменты. Как сделать плавное появление?

Полностью повторил у себя ваш код на jQuery, но ничего не работает, не могу понять, почему

От разработки не только на голове облысел, но и на бороде и бровях

ты забыл прописать cursor: pointer для дива по которому надо кликать - в сафари это работать не будет

Привет

А что это[~]значит?? Для чего нужен ?

Нужен аккордеон в аккордеоне)

Почему используешь scss а не sass?

+

Казалось бы - логично объяснить в чем особенность, если пишешь двухуровневый аккордеон, но нет...

Lukas

Jquery , серьезно ? В 2020 году?

Что тут крутого? Это же язык оформления. Навыдумывали всякого говна. Это как к молотку приделать микроскоп и кричать: смотрите! Я при помощи молотка рассматриваю микробов... Тфу бл*, аж тошнит.