Bootstrap手风琴菜单插件

Bootstrap手风琴菜单插件介绍

这是一款bootstrap手风琴菜单美化效果。该bootstrap手风琴菜单在原生bootstrap accordion的基础上，通过简单的CSS代码来进行美化，生成更加漂亮的bootstrap手风琴菜单效果。

Bootstrap手风琴菜单插件使用方法

• 在页面中引入jquery和bootstrap相关文件，以及font-awesome字体图标文件。

<link href="path/to/css/bootstrap.min.css" rel="stylesheet">
<link href="path/to/css/font-awesome.min.css" rel="stylesheet">
<script src="path/to/js/bootstrap.min.js"></script>
<script src="path/to/js/bootstrap.min.js"></script> 

• HTML结构:该bootstrap手风琴菜单的基本HTML结构如下。

<div class="container">
    <div class="row">
        <div class="col-md-offset-3 col-md-6">
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded=