如何在模態中顯示隱藏的內容

Question

我創建了一個模態，其中包含一個open按鈕（在模態內）以在模態本身內顯示「其他內容」。這裏是jsfiddle1鏈接。 「其他內容」是stacked navbar（供參考的jsfiddle2鏈接）。

我希望當我點擊模式內的Open按鈕時，它應該顯示堆疊的導航欄。我如何連接兩個jsfiddle鏈接？

Answer 1

這真的和模態無關。使用Boostrap's collapse功能，或者只是一些簡單的jQuery使用slideToggle()寫：

$('#toggler').click(function() { 
    $('#myModal').find('.content').slideToggle(); 
    $('#myModal').find('.btn-text').toggle(); 
}); 

Demo

我創建了兩個內容包裝和兩個按鈕上的文字包裝，每個第二被隱藏的負載。他們分別與無動畫切換。