jquery - jQuery accordion in two columns

Question

I am working on jQuery accordion for my project and I don't know how to display in two columns. I like to display this way

Slide one        Slide Two
Content          Content 

Slide three      Slide Four
Content          Content 

My jsFiddle a jsFiddle

Any ideas or suggestions? Thanks.

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 portlet 或jquery 网格作为你的 parnets 来解决这个问题。（当然，如果你的问题是正确的）
你可以把你的手风琴放进去。

Answer 3

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