如何在模态中显示隐藏的内容

Question

我创建了一个模态，其中包含一个open按钮（在模态内），以在模态本身内显示“其他内容”。这是jsfiddle1链接。 “其他内容”是参考的stacked navbar（jsfiddle2链接）。

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

Answer 1

这与模态无关。使用 Boostrap's collapse 函数，或者只使用slideToggle()编写一些简单的jQuery：

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

<强> Demo

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