动态添加Bootstrap面板

Question

这就是问题所在。我正在尝试动态地将面板添加到我的项目中。

我从这个Add dynamic closed panels in Bootstrap 3 accordion

中获得了灵感

但是我很难让它做我想做的事。我想按“添加股票”，然后会出现一个引导弹出窗口。您搜索您的股票（或其他），它出现在Facebook搜索栏（以后的问题）。然后选择您搜索的内容。当您按提交时，弹出窗口关闭并创建一个新面板，选择的名称作为其主题。但我不应该在页面底部创建它，它应该在页面上的特定位置创建。就像在所选div的底部一样。

所以，一个隐藏的模板。

<div class="panel panel-default template">
    <div class="panel-heading">STOCK NAME <button type="button" class="btn btn-default btn-xs" id="popover3"><span class="glyphicon glyphicon-plus marker" data-toggle="tooltip" title="Add buy and sells"></span></button></div>
    <div class="panel-body">
        <p></p>
    </div>
</div>

注意模板中的按钮。我在这里问了另一个问题：https://stackoverflow.com/questions/20904220/dynamically-input-filds。它也应该是动态的。

jsfiddel demo