jQuery手风琴分两列

Question

我正在为我的项目开发jQuery手风琴，我不知道如何在两列中显示。我想以这种方式显示

Slide one        Slide Two
Content          Content 

Slide three      Slide Four
Content          Content 

我的jsFiddle a jsFiddle

有任何想法或建议吗？感谢。

Answer 1

以下修改似乎有效：http://jsfiddle.net/dhgfT/

将.accordion-menu li切换为display: inline-block，移除浮动，并将宽度设置为45％。这将使li元素每行排成两行。

.accordion-menu li {
    background: #3cf;
    cursor: pointer;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 45%;
}

现在从内容div中删除固定宽度

.accordion-menu li div {
    padding: 20px;
    background: #aef;
    display: block;
    clear: both;
    float: left;
}

（还删除了accordian-menu）现在不协调的边框

Answer 2

我建议你使用jqueryui portlets 或jquery grids作为你父母的伎俩。（当然如果你的问题是正确的话） 你可以把手风琴放进去。

Answer 3

我的建议是你可以拥有..单独的div类，并添加一个名为display：inline-block的样式。