Галерея панелей Flex
Демо можно найти здесь.
Чему я научился на этом мини-проекте.
переключать
Вы можете переключать класс с помощью следующего кода. Это будет реагировать на событие через прослушиватель событий. Это обычно используется в событиях кликов (именно для этого он и используется в данном случае).
this
относится к каждой отдельной панели при нажатии на нее
event.propertyName
При прослушивании transitionend
событие может возвращать несколько затронутых элементов. Используя propertyName
, вы можете реагировать на элемент более конкретно.
includes()
— используется здесь, так как проводник IE ссылается на свойство flex какflex-grow
Первоначально опубликовано на gist.github.com.