Форум Сайтостроение Веб-строительство

Помогите с меню "Аккордеон" на CSS3

RUSLAN77
На сайте с 04.06.2013
Offline
92
RUSLAN77
1111

Друзья, нужна ваша профессиональная помощь! Подскажите пожалуйста по меню "аккордеон": http://dbmast.ru/krossbrauzernyj-akkordeon-s-pomoshhyu-css3. Долго искал подобное (на чистом css), но существует проблема связанная с высотой раскрытия секции, изначально стоит 280px сразу для всех, а мне необходимо для каждой выставить свой размер. Понимаю, что параметры высоты для каждой секции можно задать отдельно, вручную, в том же css, но как это сделать я не знаю. Знатоки подскажите пожалуйста.

Спасибо всем кто сможет помочь!

Max_1
На сайте с 02.08.2012
Offline
45
Max_1
#1

Может топорно, но вроде работает.

Это удалить: 


.accordion>ul>li:hover {

    height: 280px;

}

Это вставить: 


.accordion>ul>li:hover:nth-child(1) {

    height: 680px;

}

.accordion>ul>li:hover:nth-child(2) {

    height: 180px;

}

.accordion>ul>li:hover:nth-child(3) {

    height: 380px;

}

.accordion>ul>li:hover:nth-child(4) {

    height: 80px;

}
Наполнение сайта (http://tino.ru/itm/1389070) / Управление ключевыми словами (http://tino.ru/itm/1733431) / Биржа труда (http://kwork.ru/?ref=9975)
RUSLAN77
На сайте с 04.06.2013
Offline
92
RUSLAN77
#2

Max_1, Спасибо большое! И правда, вроде как работает!

Да, есть немного погрешности, но я думаю это мелочи)))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий