Вертикальное меню (раздвигающееся вниз)

[dimonpok1]

Пытался делать с помощью высоты, visibility, но не чего не получается, следующий пункт li в основном ul'е не хочет двигаться, как мне сделать чтобы он захотел? И как вы делаете вертикальные меню? в ксс только(просто другое совсем не знаю)

Как же ЭТО СДЕЛАТЬ?

Edited June 21, 2012 by dimonpok1

[Avalon4eg]

Выложите хоть свой код

[dimonpok1]

Выложите хоть свой код

<ul class="navlist">

<li id="one"><a href="#">О нас</a>

<ul class="sub-menu">

<li class="limenu"><a href="#"><h6>История корпорации</h6></a></li>

<li class="limenu"><a href="#"><h6>Достижения и награды</h6></a></li>

<li class="limenu"><a href="#"><h6>О Полонском</h6></a></li>

<li class="limenu"><a href="#"><h6>Общественная деятельность</h6></a></li>

<li class="limenu"><a href="#"><h6>Схема проезда</h6></a></li>

<li class="limenu"><a href="#"><h6>Обратная связь</h6></a></li>

</ul>

</li>

<li><a href="#">Жилая недвижимость</a></li>

<li><a href="#">Галерея объектов</a></li>

<li><a href="#">Объекты на карте</a></li>

<li><a href="#">Тендеры</a></li>

<li><a href="#">Инвесторам</a></li>

<li><a href="#">Раскритие информации</a></li>

<li><a href="#">Медиа</a></li>

<li><a href="#">Мероприятия</a></li>

<li><a href="#">Наши сайты</a></li>

</ul>

</nav>

http://nazvanie.net/ как тут

<h6> - потому что не мог поставить размер )))

[dimonpok1]

#navlist {

margin:0px;

padding:0px;

position:absolute;

text-align:right;

right:1px;

display:block;

}

#navlist > li {

list-style-type:none;

display:block;

position:relative;

width:484px;

font-size:26px;

color:#000000;

}

#navlist> li:hover ul {

display:block;

}

#navlist > li:hover {

background-color:#D9D9D9;

}

#navlist li {

color:#000000;

text-decoration:none;

border-bottom:1px solid #ADADAD;

border-top:1px solid #E3E3E3;

padding-right:40px;

}

#navlist li .limenu {

padding-right:0px;

}

#navlist li a {

color:#000000;

font-size:16px;

font-weight:700;

text-decoration:none;

}

#navlist li ul {

margin:0px;

padding:0px;

display:none;

}

#navlist li ul li {

list-style-type:none;

}

#navlist li ul li a {

display:block;

color:#000000;

text-decoration:none;

font-size:16px;

}

#navlist li ul li:hover a {

background-color:#E7E7E7;

}

Как сделать, чтобы раскрывалась при клике, а не при наведении?

[Yazon_Nile]

Клик - это js

[dimonpok1]

Клик - это js

Эх, понял уже.....