如何自定義擴展的內容的高度手風琴

當點擊標題展開/摺疊內容被分成邏輯部分，
但這些部分我們有一些默認的高度定義.Suppose我不得不放棄固定
高度即200像素。如何才能自定義的標題即第1節的點擊和科後擴大了身高2如何自定義擴展的內容的高度手風琴

<html> 
    <head> 
     <meta charset="utf-8" /> 
     <title>jQuery UI Accordion - Default functionality</title> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery- 
     ui.css"   
     /> 
     <script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
     <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script> 
     <link rel="stylesheet" href="/resources/demos/style.css" /> 

    </head> 


     <div id="accordion"> 
     <h3>Section 1</h3> 
     <div> 
      <p> 
      Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
      ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
      amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
      odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
      </p> 
     </div> 
     <h3>Section 2</h3> 
     <div> 
      <p> 
      Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet 
      purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor 
      velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In 
      suscipit faucibus urna. 
      </p> 
     </div> 

     </div> 
    </html> 
    javascript:- 
    $(function() { 
      $("#accordion").accordion(); 
     });

來源

2012-11-23 Little bird

如果您關心內容高度，則可以查看「heightStyle」屬性，或者如果要使用自定義高度邏輯，可以使用「beforeActivate」事件。在激活選項卡之前，事件會觸發。所以在這種情況下可以改變高度。

$(function() { 
    $("#accordion").accordion({ 
     collapsible: true, 
     active: false, 
     beforeActivate: function(event, ui){ 
      $(ui.newPanel).css('height', '20'); 
     } 
    }); 
});

希望這有助於。

來源

2012-11-23 07:01:20 shakib

thanx回答。但我想要的內容高度應該有一個固定的高度意味着所有擴大的內容應該有固定的高度，即200px。如果內容更多地進入它，那麼它應該變成可滾動的。因爲將來有多少內容我必須添加到我現在不能預測的部分中，因此可滾動是必要的。 –

我認爲你可以調整這個例子：http://jqueryui.com/accordion/#fillspace。注意外部容器的固定高度爲220ox。整個手風琴都是用滾動條包含在裏面的。 – shakib

我試圖做你的建議，但我無法弄清楚究竟是什麼問題在我的代碼中。 http://jsfiddle.net/ZJJM6/1/ 這是我的代碼。請幫助我獲得我的答案:) –

如何自定義擴展的內容的高度手風琴

回答

相關問題