"Collapse Filters Panel Test"
Bootstrap 3.3.0 Snippet by FriskyLingo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div id="filter-panel" class="collapse filter-panel">
<div class="panel panel-default">
<div class="panel-body">
<form class="form" role="form">
<div class="form-group col-xs-2 col-md-2">
<label class="control-label" for="pref-perpage">Facility</label>
<select id="pref-perpage" class="form-control">
<option value="All">All Facilities</option>
<option value="BHMC-Ar">BHMC-Ar</option>
<option value="BHMC-HSC">BHMC-HSC</option>
<option value="BHMC-LR">BHMC-LR</option>
<option value="BHMC-NLR">BHMC-NLR</option>
<option value="BHMC-Parkway/HH">BHMC-Parkway/HH</option>
<option value="BHMC-ST">BHMC-ST</option>
<option value="BHRI">BHRI</option>
<option value="BRMC">BRMC</option>
<option value="BRMC Clinics">BRMC Clinics</option>
<option value="ConwayRMC">ConwayRMC</option>
<option value="CrossRidge">CrossRidge</option>
<option value="Harris Med Center">Harris Med Center</option>
<option value="SBMC">SBMC</option>
<option value="St Bernard Clinics">St Bernard Clinics</option>
<option value="Unity Health - WCMC">Unity Health - WCMC</option>
</select>
</div> <!-- form group [rows] -->
<div class="form-group col-xs-2 col-md-2">
<label class="control-label" for="pref-search">Affected Party Type</label>
<select id="pref-search" class="form-control">
<option value="All">All</option>
<option value="Inpatient">Inpatient</option>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
.container{
margin-top:30px;
}
.filter-col{
padding-left:10px;
padding-right:10px;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: