如何在模式中显示隐藏内容

Question

我创建了一个模态，其中包含一个 open 按钮（在模态内部）以在模态本身内部显示 'other content'。这里的jsfiddle1 link. The 'other content' is the stacked navbar (jsfiddle2link供参考）。

我希望当我单击模式内的 Open 按钮时，它应该显示堆叠的导航栏。如何连接两个 jsfiddle links？

Answer 1

这确实与模态无关。使用 Boostrap's collapse 函数，或者使用 slideToggle():

编写一些简单的 jQuery

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

Demo

我创建了两个内容包装器和两个按钮文本包装器，第二个在加载时隐藏。它们分别在有和没有动画的情况下切换。