在悬停时使导航并排显示

Question

我希望默认隐藏的嵌套列表显示在原始导航列表的一侧。这看起来类似于两列列表，但是第二列将在嵌套在特定列表元素上时填充嵌套列表内容。

我开始研究这个问题，但意识到我真的不知道如何使用纯CSS，而不是物理创建两个div。到目前为止，这是我的代码，存在严重缺陷。

http://jsfiddle.net/sg6MX/

<nav>
    <ul>
        <li><a href="">Contact</a></li>
           ...

Answer 1

你不需要javascript for show sublist，使用CSS3 =）

代码：http://jsfiddle.net/sg6MX/2/

nav ul li:hover ul {
    display: block;
}

nav li ul:hover {
    display:block;
}