Галерея панелей Flex

Демо можно найти здесь.

Чему я научился на этом мини-проекте.

переключать

Вы можете переключать класс с помощью следующего кода. Это будет реагировать на событие через прослушиватель событий. Это обычно используется в событиях кликов (именно для этого он и используется в данном случае).

  • this относится к каждой отдельной панели при нажатии на нее

event.propertyName

При прослушивании transitionend событие может возвращать несколько затронутых элементов. Используя propertyName, вы можете реагировать на элемент более конкретно.

  • includes() — используется здесь, так как проводник IE ссылается на свойство flex как flex-grow

Первоначально опубликовано на gist.github.com.