Раскрывающееся меню CSS: Hover ничего не делает - PullRequest
Новая
       0

Раскрывающееся меню CSS: Hover ничего не делает

1 голос
/ 15 марта 2012

Short ans sweet: почему :hover не отображает скрытый контент?Я перепробовал все, от display: block: до #trigger a:hover.

Вот тестовый пример: http://jsfiddle.net/5egvV/

1 Ответ

7 голосов
/ 15 марта 2012

Две проблемы:

1.Неправильный селектор CSS

У вас есть: 

#trigger:hover ul ul {

Должно быть: 

#trigger:hover ul {

2.Неверный HTML

У вас есть: 

<li id="trigger"><a href="#" title="#">Mainitem 1</a></li>
    <ul>
        <li><a href="#">Subitem 1</a></li>
        <li><a href="#">Subitem 2</a></li>
        <li><a href="#">Subitem 3</a></li>
    </ul>

Должно быть: 

<li id="trigger"><a href="#" title="#">Mainitem 1</a>
    <ul>
        <li><a href="#">Subitem 1</a></li>
        <li><a href="#">Subitem 2</a></li>
        <li><a href="#">Subitem 3</a></li>
    </ul>
</li>

<ul> должно входить в <li>

...