jquery - 垂直导航折叠和展开

嗨，我正在尝试创建一个垂直导航栏，该导航栏可以作为jsfiddle找到。导航栏用于在使用CSS / jQuery时展开和折叠。我迷失了CSS，因为在展开子菜单时，它没有出现在我期望的底部，而是在右侧？

.csm {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.csm div {
text-align: right;
float: left;
display: block;
cursor: pointer;
background-color: #D3EDFB;
width: 95%;
max-width: 27em;
}

ul.csm {
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: right;
}

.csm ul {
    display: none;
}

.csm ul li {
    display: block;
    cursor: auto;
}

.csm a {
    background-color: #D3EDFB;
    display: block;
}

有人可以给我提示我要去哪里吗？

格特

最佳答案

这更好吗？

我改变了以下

.csm div

至

.csm li

关于jquery - 垂直导航折叠和展开，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22459423/