Javascript jQuery mobile accordian中动态内容的高度

我使用的是jquerymobile1.3.1和kbw.countdown（from），当倒计时显示在除最后一个accorbian部分之外的任何部分时，accorbian标题都位于输出的顶部

我有一个最小的JSFIDLE显示了这个问题-第2节中的倒计时是我希望它在第1节中的样子-我猜这是一个问题，内容是在页面创建之后设置的，手风琴部分的高度是固定的-想知道过去是否有人遇到过这个问题-有更好的地方吗然后DOMLoad/DOMContentReady将以下内容放入倒计时显示

$(function(){
    $('#countdownOne').countdown({until: new Date(2029,1,1)});
    $('#countdownTwo').countdown({until: new Date(2029,1,1)});
});

---

这不是一个很好的解决方案，但肯定是一个解决显示问题的解决方案：

只需在倒计时跨度周围的DIV中添加一个底部边距

        <div data-role="collapsible" data-content-theme="d">
            <h3>Section 1</h3>
            <div class="botMargin"> 
                <span id="countdownOne"></span>
            </div>
        </div>

       .botMargin {
            margin-bottom: 20px;
        }

第一节
博特林先生{
边缘底部：20px；
}

---

这是您的小提琴更新版：

Brilliant，这当然解决了我的问题，而且它是一个合理的干净/可读的修复程序-接受它，因为它解决了问题，并且是通过CSS实现的，我期待着：）