*{
margin:0;
padding:0;
}
#akkordion {
width:300px; /* Ширина */
height:400px; /* Высота */
}
#akkordion h1 {padding:10px; /* Внутренний отступ */ background:#ccc;}
#akkordion li {
padding:5px; /* Внутренний отступ */
background:#EAEAEA; /* Фон */
list-style:none; /* Убираем стандартные кружки перед тегом */
height:10%; /* Первоначальная высота */
width:100%; /* Первоначальная ширина */
overflow:hidden; /* Убираем, что не поместилось в 10% */
}
#akkordion:hover li {width:100%; /* Ширина при наведении на блок */}
#akkordion li:hover {height:50%; /* Высота при наведении */ width:100%; }
