Cacher is the code snippet organizer for pro developers

// Максимальная высота у CSS-слайдера
// Реализовать CSS-слайдер можно с помощью «max-height» и «overflow:hidden»:
.slider ul {
	max-height: 0;
	overflow: hidden;
}

.slider:hover ul {
	max-height: 1000px;
	transition: .3s ease; // анимация для max-height
}