CSS HTML - 在左侧浮动的列表项中添加手风琴条

Question

我甚至不确定这是否可能，或者我是否必须完全重做这件事的布局：

我在fancybox中使用flexslider（在轮播模式下）。您看到的三列是左侧浮动的列表元素（flexslider会这样做）。

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

修改

我现在已经走了这么远。

然而，这不是最初的要求，因为手风琴标签在所有栏目中重复出现。到目前为止，这是每个列的每个列表项中代码的样子（我不能在这里显示太多代码）：

<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>

修改

好的，这是一个codepen：http://cdpn.io/csgKz