"Feature Panels with Collapse"
Bootstrap 3.2.0 Snippet by killa-kyle

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<h2>CLIENT SUPPORT SPECIALIST</h2><span><i class="glyphicon glyphicon-menu-down"></i></span>
<button type="button" class="btn btn-primary btn-sm hidden-xs" data-toggle="collapse" data-target="#feature-1">
<i class="glyphicon glyphicon-resize-vertical"></i>See Job Listing
</button>
<div class="row">
<div class="panel panel-default clearfix">
<div id="feature-1" class="collapse in">
<div class="panel-body">
<div class="row">
<div class="col-sm-12">
<p>
The Expert Institute is seeking a Client Support Specialist who will be responsible for providing client support, outreach and relationship management regarding litigation matters. You will serve as a consultant to attorneys and law firms, and provide superior service and support in pairing them with expert witnesses on a case-by-case basis.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
.toggle-header{
padding:10px 0;
margin:10px 0;
color:white;
}
.txt-green{
color:green;
}
.txt-red{
color:red;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: