Jquery CSS HTML-在左侧浮动的列表项之间添加一个手风琴条

我甚至不确定这是否可能，或者如果我必须完全重做这个东西的布局：

我在fancybox中使用flexslider（旋转木马模式）。您看到的三列是向左浮动的列表元素（flexslider就是这样做的）

在每张幻灯片中只显示三个块的情况下，是否可以实现跨越这些浮动列表项的手风琴条

编辑：

我已经走了这么远了

但是，这不是初始请求，因为手风琴标签在所有列中重复。到目前为止，每列的每个列表项中的代码都是这样的（在这里我不能透露太多代码）：

池景
395-397平方英尺/37平方米
床上用品
小型床
12英寸x 12英寸盲板
巨大的蓬松枕头
房间特色
50磅的闹钟
1970年代电视台
浴室和浴室特色
超级浸水者
500马力卫生间

编辑

---

好的，这是一个代码笔：

所以。。你试过什么。。？相关代码在哪里。。？你能至少提供一个吗？同意@TJ，仅仅发布HTML是没有帮助的，我们还需要CSS，这是设计和设计JS@TJ嘿，我编辑了这篇文章。不幸的是，我不能做JSFIDLE，因为我会透露太多的东西，但只要把上面的代码用

和float：在

项目的左侧包装，我的截图就是你将得到的。@colority我发布了代码笔链接。@TJ我发布了一个代码笔。

<div class="column">
    <!-- stuff at the top of the column that don't matter -->
    <hr />
            <!-- this below is where I'm trying to add the accordion -->
    <ul class="feature-checks">
        <li>Pool view</li>
        <li>395-397 sqft/37 sqm</li>
        <li><i class="arrow"></i> Beds and Bedding</li>
        <li>Midget-Sized Bed</li>
        <li>12" x 12" blankie</li>
        <li>Giant Fluffy Pillow</li>
        <li><i class="arrow"></i> Rooms Features</li>
        <li>50 lbs. Alarm Clock</li>
        <li>1970s TV</li>   
        <li><i class="arrow"></i> Bath and Bathroom Features</li>
        <li>Super Soaker</li>
        <li>500 HP Toilet</li>                                          
    </ul>
</div>