Javascript Onclick菜单

Question

我使用了这个演示：

Drop down menu with on click toggle

要做到这一点：

http://jsfiddle.net/q0m4mk5o/

我唯一需要的是确保子菜单也是水平显示的。但是我对CSS没有足够的了解才能使它工作。另外，我是为了学习目的而创建的。

我认为这可能与此有关：

.testul li ul {
display: none;
list-style: none;
position: absolute;
left: 0;
}
.testul li ul li {
list-style: none;
white-space: nowrap;
height: 24px;
line-height: 24px;
background: -webkit-linear-gradient(#c8bfb0, #f5efe6);
border-bottom: 1px solid #d3c7b6;
}

Answer 1

只需将display: inline-block添加为：

JSFiddle

.testul li ul li {
    display: inline-block;
    list-style: none;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    background: -webkit-linear-gradient(#c8bfb0, #f5efe6);
    border-bottom: 1px solid #d3c7b6;
}