Skip to content

Instantly share code, notes, and snippets.

@mushfek

mushfek/bootstrap-accordion-panel.html

Created June 6, 2016 19:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mushfek/3286ffedc431b488fd57650bc58e4635 to your computer and use it in GitHub Desktop.
Save mushfek/3286ffedc431b488fd57650bc58e4635 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
bootstrap-accordion-panel.html
<!DOCTYPE html>
<html>
<head>
<title>Compose&nbsp;::&nbsp;SComm</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="libs/jquery-1.11.3/jquery-1.11.3.js"></script>
<script src="libs/bootstrap-3.3.6/js/bootstrap.min.js"></script>
<script src="libs/tinymce-4.0.16/tinymce.min.js"></script>
<script src="libs/tinymce-4.0.16/jquery.tinymce.min.js"></script>
<script src="libs/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="libs/datatables-1.10.11/js/jquery-dataTable.min.js"></script>
<script type="text/javascript" src="js/jquery.scomm.recipient-2016.2.0.js"></script>
<script src="libs/datatables-1.10.11/js/jquery-dataTable.min.js"></script>
<script src="libs/datatables-1.10.11/js/jquery-dataTable-bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-dataTable-wrapper-2016.2.0.js"></script>
<link rel="stylesheet" href="libs/bootstrap-3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="libs/font-awesome-4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="libs/awesome-bootstrap-checkbox-0.3.7/awesome-bootstrap-checkbox.css">
<link rel="stylesheet" href="libs/jquery-ui-1.11.4/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="libs/datatables-1.10.11/css/jquery-dataTable-bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/scomm-2016.0.0.css">
<link rel="stylesheet" type="text/css" href="css/jquery-dataTable-bootstrap-wrapper-2016.2.0.css">
<script src="js/scomm-2016.0.0.js"></script>
<script type="text/javascript">
$(function() {
});
</script>
<style type="text/css">
#expandTable:hover {
color: #214a5f;
}
</style>
</head>
<body>
<div class="container">
<div id="page-header" class="row">
<h1>Compose SComm</h1>
</div>
<div class="row">
<div class="panel panel-info">
<div class="panel-heading">
<div class="row">
<div class="col-sm-6 pull-left">
<h4>Location List</h4>
</div>
<div class="col-sm-6 pull-right text-right">
<span id="expandTable" class="fa-stack fa-lg" data-toggle="collapse" data-target="#resultTable" aria-expanded="false">
<i class="fa fa-circle-o fa-stack-2x"></i>
<i class="fa fa-chevron-down fa-stack-1x"></i>
</span>
</div>
</div>
</div>
<div id="resultTable" class="panel-collapse collapse">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment