實現可摺疊的內部模態不會保持打開狀態

Question

我正在面臨一個可摺疊的問題，即當我單擊一個可摺疊的頭部元素時，可摺疊實體可以非常快速地打開/關閉幾次。

這裏是模態觸發：

<a class="btn modal-trigger" href="#myModal">Trigger</a> 

這裏是我的調式結構：（注意使用NG重複的，不知道這是否會被鏈接）

<div id="myModal" class="modal"> 
    <div class="modal-content" > 
     <ul class="collapsible" data-collapsible='accordion' watch> 
     <li> 
      <div class="collapsible-header">FOO</div> 
      <div class="collapsible-body">foo</div> 
     </li> 
     <li> 
      <div class="collapsible-header">BAR</div> 
      <div class="collapsible-body">bar</div> 
     </li> 
     </ul> 
    </div> 
    </div> 

腳本結束我的HTML：

<script> 
    $(document).ready(function(){ 
     $('.modal-trigger').leanModal({ 
      ready: function(){ 
       $('.collapsible').collapsible() 
      } 
     }); 
    }); 
</script> 

我一直在瀏覽而沒有發現任何相關的問題。任何幫助將不勝感激（不要猶豫，要求澄清）。

Answer 1

感謝艾倫的回答，雖然沒有相關的高度：

1. 模態自動垂直擴展itselfs當項目處於打開狀態。

2. 設置較大的最小高度並不能解決我的問題。