如何防止问题的答案与其他手风琴重叠？

Question

在以下链接中：http://jsfiddle.net/gCvbT/，如果您单击“常规”然后单击“问题1”，则答案将与“问题2”重叠。如何防止此问题？

Answer 1

将FAQ的h3标签的id设置为“h3-faq”，以便ready函数中的以下代码执行此操作：

$(document).ready(function () {
    $("#general-questions")
      .accordion({ collapsible: true, active: false, autoHeight: false })
      .bind('accordionchangestart',function(event,ui){
        $('#h3-faq').animate({paddingTop: ui.newContent.height()}, 300);
      });
    $("#accordion")
      .accordion({ collapsible: true, active: false });
});

这将在点击时在FAQ h3的顶部添加适当的填充。请注意，我还设置了autoHeight: false，否则每个内容部分的高度将设置为最大内容部分的高度，并将FAQ标题向下移动太多。