В отличие от первой версии Меню с изчезающими разделами эта основана только на HTML и CSS, не будет грузить форум лишними скриптами и более простая в использовании.
Первым действием создадим небольшой список, который в последствии и станет нашим меню.
<ul id="menu-css">
<li>Заголовок 1<ul><li>Подсказка 1</li></ul></li>
<li>Заголовок 2<ul><li>Подсказка 2</li></ul></li>
<li>Заголовок 3<ul><li>Подсказка 3</li></ul></li>
<li>Заголовок 4<ul><li>Подсказка 4</li></ul></li>
</ul>
и предадим ему вид горизонтального меню
<style type="text/css">
#menu-css
{
margin: 0;
padding: 0;
list-style: none;
}
#menu-css li
{
position: relative;
float: left;
margin: 3px;
}
</style>
Теперь спрячем подсказки, ведь они должны появляться только при наведении мышки
<style type="text/css">
li ul
{
position: absolute;
display: none;
border: 1px solid black;
background: #DADADA
}
</style>
Ну и наконец, последним действием мы заставим подсказку появляться при наведении мышки на заголовок
<style type="text/css">
li:hover ul{display: block;}
</style>
