溢出

Question

我使用Bootstrap-Select一個jQuery UI的手風琴內的JQuery UI手風琴過渡的問題，以便它能夠正常工作，我需要風格的手風琴的內容如下：

CSS：

.ui-accordion-content { 
    overflow: visible !important; 
} 

Bootstrap-select按預期工作，但會導致標頭之間的轉換混亂。如果沒有溢出的CSS，過渡正常工作，但隨後的引導，選擇休息..

HTML：

<div id="accordion"> 
    <h3>Header Two (Bootstrap-Select)</h3> 
    <div> 
    <select class="selectpicker form-control" data-live-search="true"> 
     <option>Select 1, Option 1</option> 
     <option>Select 1, Option 2</option> 
     <option>Select 1, Option 3</option> 
     <option>Select 1, Option 4</option> 
     <option>Select 1, Option 5</option> 
    </select> 
    </div> 
</div> 

JS：

$("#accordion").accordion({ 
    heightStyle: "content" 
}); 

JSFiddle Demo

Answer 1

你可以將data-container="body"添加到選擇標記並刪除css溢出。我認爲這是你正在尋找的結果：

https://jsfiddle.net/hbmjvr7L/