如何将关闭最小化全屏按钮添加到引导面板

【问题标题】：how to add close minimize full screen button to bootstrap panel如何将关闭最小化全屏按钮添加到引导面板
【发布时间】：2014-06-12 17:38:36
【问题描述】：

我想添加一个关闭和最小化按钮来隐藏和关闭正文面板面板以及使用 jquery 到页面中的每个引导面板的全屏按钮

    <div class="panel panel-primary">


        <div class="panel-heading">

            <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i>  Number Of Tickets Reported In The Billing Unit (Today)</h3>
        </div>
        <div class="panel-body">
            <div class="flot-chart">
                <div id="BillPhChart"></div>
            </div>
        </div>
    </div>
</div>

【问题讨论】：

我不确定你想要什么。您能否详细说明您的问题/正文？
我希望这些选项仅适用于特定面板的问题，因为在我的页面中有多个面板，当我点击切换所有面板时，最小化

标签： jquery twitter-bootstrap

【解决方案1】：

您必须使用 jQuery 来执行这些任务。然后按钮应该简单地调用相应的 jQuery 函数。

以下是我刚刚找到的一些快速提示：

Minimize / Maximize div's with jQuery

http://plugins.jquery.com/tag/fullscreen/

这是按钮的示例：

<a href="#" class="btn"><i class="icon-white icon-plus"></i></a>

href 是 jQuery 函数。

编辑：要单独触发面板，请给每个面板一个唯一的 id 并创建一个 JavaScript 函数，该函数使用 id 选择器调用 jQuery 来识别它。

$( "#myID" )

你可以使用这个找到触发事件的面板的ID：

event.target.id

【讨论】：

我知道，我希望这些选项仅适用于特定面板的问题，因为在我的页面中有多个面板，当我点击切换所有面板时，最小化
主要是如果你已经在使用jquery，为什么要内联javascript代码？