这是我的jsfiddle，请看一下：
http://jsfiddle.net/63pNN/
我在格式化此"ul"时遇到问题。 它的意思是用于WordPress，因此将添加更多的"li"元素。 "li"元素需要是"position：relative";这样当它们从"display：none"变为"display：inline"时，使用jquery下拉函数，"div"的高度将改变以适应。
我希望列表如下所示：
首页 项目1 项目2 项目3
项目A 项B 项C 项 D 项 E 项 F 项
项目X 项目Y 项目Z
我应该为此使用表格吗？如何让这些元素以这种方式显示？我试过左浮动"ul"。
该列表的工作方式类似于下拉菜单，因此当选择 Item2> ItemC 时，列表应如下所示：
首页 项目1 项目2 项目3
项 C 项 D 项
项 Y
另外，如果您对如何一次只显示一个兄弟姐妹，单击或切换有任何想法，请告诉我。 我有任何想法，父级应该采用一个表示其"已选择"的类，然后为其子级添加一个类，以便它们出现。 然后，当单击其同级之一时，父级应丢失其"选定"类。 但是我很难让它工作。
您可以使用：
li {
float: left;
}
或：
li {
display: inline;
}