Как сделать аккордеон на сайт HTML, SCSS, jQuery с нуля

preview_player
Показать описание
В этом уроке я покажу как сделать Аккордеон с нуля используя HTML, SCSS, jQuery а так же мы воспользуемся сборщиком Gulp 4 и посмотрим на практике как работать с сборкой проекта, а так же будем использовать иконки Font Awesome. Для того чтобы сделать аккордеон интерактивным мы напишем простой скрипт аккордеона на jQuery. Я покажу как компилировать SCSS на Gulp 4. Мы будем использовать мою готовую сборку проекта на Gulp 4, если вам интересно подробней узнать про Gulp 4 и SCSS то смотрите ссылки ниже.

✔Советую посмотреть:

Поддержать автора ₽ублем:
1. Сбер: 4274 3200 3233 1582

#accordeon #scss #jquery #itdoctor
  1. ITDoctor
  2. itdoctor
  3. Как сделать аккордеон на HTML
  4. Как сделать аккордеон с нуля
  5. как сделать аккордеон
  6. простой скрипт аккордеона на jQuery
Рекомендации по теме
Аккордеон - простой 0:23:35

Аккордеон - простой список для сайта

Аккордеон на чистом 0:13:07

Аккордеон на чистом HTML, CSS без Javascript!

Как сделать аккордеон 0:32:11

Как сделать аккордеон на сайт HTML, SCSS, jQuery с нуля

Меню аккордеон на 0:08:46

Меню аккордеон на чистом JS за 10 мин.

Как сделать на 0:02:26

Как сделать на сайте меню аккордеон с помощью HTML, CSS, JavaScript?...

Анимированный аккордеон, как 0:15:49

Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!...

Как сделать аккордеон 0:14:42

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

UI-компоненты №9. Создание 0:26:15

UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)...

Как сделать Аккордеон 0:05:04

Как сделать Аккордеон текста в Zero-block, выпадающий список (новая версия)...

Как создать Аккордеон 0:07:28

Как создать Аккордеон Компонент в React JS за 7 минут

Аккордеон меню без 0:19:25

Аккордеон меню без использования js / Accordion using html / css only

Уроки Bootstrap 5 0:08:05

Уроки Bootstrap 5 - Аккордеон на сайт

Уроки jQuery практика- 0:10:03

Уроки jQuery практика- делаем простой аккордеон

Аккордеон для сайта 0:05:04

Аккордеон для сайта в WordPress теме Алмаз | WordPress уроки

Web фишки. Делаем 0:10:51

Web фишки. Делаем складные табы (аккордеон)

Аккордеон меню на 0:11:20

Аккордеон меню на чистом html и css в 2020 году [без jquery] | accordion menu...

Мастер-класс - Аккордеон 1:14:33

Мастер-класс - Аккордеон на Javascript

Создаем аккордеон на 0:11:53

Создаем аккордеон на JS за 10 минут

Как создать Аккордеон 0:10:54

Как создать Аккордеон из Zero блоков на Тильда

Как сделать Аккордеон 0:03:17

Как сделать Аккордеон текста в Zero-block, выпадающий список...

Как сделать выпадашку 0:22:53

Как сделать выпадашку (аккордеон) через JavaScript?

Аккордеон для сайта, 0:20:28

Аккордеон для сайта, на чистом JavaScript

CSS рецепты #2. 0:10:45

CSS рецепты #2. Аккордеон

Как сделать меню 0:09:15

Как сделать меню аккордеон

Комментарии
Автор

Очень понравилось видео!Хочется посмотреть как создается сайт с помощью Gulp.

dobrMAV
Автор

Я хотел бы научится делать svg анимацию.Если будет время запили видосы про svg.Очень мало информации в интернете.

misiraskerov
Автор

А есть ли вообще разница в осуществлении элемента на чистом html/css и js/jquery?

vladimirtyan
Автор

Здравствуйте, айти доктор подскажите пожалуйста, сделал вот такой аккордеон всё нормально, работает, НО как только я перезагружаю страницу у меня весь аккордеон открывается, и его приходиться закрывать самостоятельно, помогите как это можно исправить?

Web..
Автор

А вот чтобы Jquery подключить не через CDN, его нужно пихать в build/js?

Fs-xjgu
Автор

Блин ты не мог, не через CDN подключать, ты же вроде хотел показать как работает Gulp 4

Fs-xjgu