jquery - Javascript Onclick菜单

我使用了这个演示：

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;
}

最佳答案

只需将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;
}

关于jquery - Javascript Onclick菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31354965/