如何防止問題的答案與其他手風琴重疊？

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頭向下移動太多。