Jquery .slideToggle（）会导致底部Div的高度问题

我一整天都在试图解决这个问题，但到目前为止运气不好。我觉得我知道该做什么，但似乎无法编写代码。我正在使用

slideToggle（）

显示/隐藏一组选项。但是，当我隐藏选项时，底部的

div

会更改其高度。我能做些什么来避免这种情况发生？我希望高度保持不变

我的猜测是，您需要将

slideToggle（）

作为一个函数，并使用if/else语句，但似乎无法理解它

请参阅JSFIDLE的一篇文章，了解到目前为止我所做的工作

---

有什么建议吗？感谢您的帮助。

将其

位置设置为绝对值，并给出一个
top
值

如果在元件上使用绝对定位（如PSL建议的）不是一个选项，则可以修改
#单选按钮的高度，并清除下方
#框中的浮动


CSS

就这样。我知道事情会很简单。谢谢你的帮助！
#radio-buttons {
    width: 288px;
    height: 20px;
    font-size: 11px;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    float: left;
    background: #FFF;
    padding: 6px;
    position:absolute;
    top:35px;
    
}

#box-below {
    width: 300px;
    height: 200px;
    border-right: 1px solid #8D8D8D;
    border-bottom: 1px solid #8D8D8D;
    /*Removed float*/
}

#box-below {
    width: 300px;
    height: 200px;
    border-right: 1px solid #8D8D8D;
    border-bottom: 1px solid #8D8D8D;
    float: left;
    clear: both;
}


#radio-buttons {
    width: 288px;
    height: 14px;
    font-size: 11px;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    float: left;
    background: #FFF;
    padding: 3px 6px 9px;
}