Jquery代码帮助垂直对齐DIV

我在JSFIDLE页面上设置了所有内容，请在此处查看：

我的问题是，当您打开DIV（列）时，它会将所有其他关闭的DIV与它的底部对齐。有人可以帮我添加一些jquery代码，这样当您打开每个DIV（列）时，其他DIV都会与顶部对齐。我不确定，这可能与保证金上限有关

我还使用了一个环绕列的滑块，所以浮动列不是一个选项。。他们只是绕到下一行。它们必须具有内联块的显示

谢谢

这是我的HTML：

<div class="column">
    <div class="open">
        open
    </div>
    <div class="close">close</div>
    <div class="contentInner">
        <div class="ProjectContainer">
            Content goes here. 
        </div>
    </div>
</div>

<div class="column">
    <div class="open">
        open
    </div>
    <div class="close">close</div>
    <div class="contentInner">
        <div class="ProjectContainer">
            Content goes here. 
        </div>
    </div>
</div>

还有我的CSS：

.column {
    position: relative;
    width: 200px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    height: 520px;
    margin: 30px 30px 0px 0px;
    display: inline-block;
    text-align: left;
}

.open {
    position: absolute;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.close {
    position: absolute;
    margin: 0px 0px 0px 368px;
    cursor: pointer;
    display: none;
}

.contentInner {
    position: absolute;
    width: 380px;
    height: 400px;
    font: 12px Helvetica, Arial, Sans-Serif;
    font-weight: 200;
    margin: 20px 0px 0px 10px;
    display: none;
    white-space: normal;
}

您总是可以在JSFIDLE上看到它：

---

谢谢

如果您浮动列，那么它应该适合您

---

如果您浮动列，那么它应该适合您

---

我忘了提到，我使用的是列所在的jquery滑块，它们正确换行的唯一方法是显示内联块。使用float可以将它们换行到下一行。+1似乎回答了这个问题，也许OP good更新了他的问题？我忘了提到我使用的是列所在的jquery滑块，它们换行正确的唯一方法是显示inline block。使用float可以将它们换行到下一行。+1似乎可以回答问题，也许OP可以很好地更新他的问题？+1个好问题，大量的细节+1个好问题，大量的细节

.column {
    position: relative;
    width: 200px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    height: 520px;
    margin: 30px 30px 0px 0px;
    display: inline-block;
    text-align: left;
}

.open {
    position: absolute;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.close {
    position: absolute;
    margin: 0px 0px 0px 368px;
    cursor: pointer;
    display: none;
}

.contentInner {
    position: absolute;
    width: 380px;
    height: 400px;
    font: 12px Helvetica, Arial, Sans-Serif;
    font-weight: 200;
    margin: 20px 0px 0px 10px;
    display: none;
    white-space: normal;
}