"Frequently Asked Questions acoordian"
Bootstrap 3.3.0 Snippet by kaushalncr

Post to Facebook Tweet this

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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="body">
<div class='centerplease'>
R.U. S.E.R.V.S. Frequently Asked Questions
</div>
<br>
<div class="content">
<div>
<input type="checkbox" id="question1" name="q" class="questions">
<div class="plus">+</div>
<label for="question1" class="question">
What does R.U. S.E.R.V.S. stand for?
</label>
<div class="answers">
Rutgers University services, education, and resources for veteran students.
</div>
</div>
<div>
<input type="checkbox" id="question2" name="q" class="questions">
<div class="plus">+</div>
<label for="question2" class="question">
Do I need to be a veteran to join?
</label>
<div class="answers">
You do not, in fact we encourage all members of the Rutgers community to join in our meetings.
</div>
</div>
<div>
<input type="checkbox" id="question3" name="q" class="questions">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
/* import the fonts needed */
@import url("http://fonts.googleapis.com/css?family=Cookie");
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/* reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* header settings */
.header > input { display: none; }
.header > label {
display: none;
width: 3em;
height: 3em;
margin-left: 1em;
margin-top: .5em;
background-size: contain;
background-image: url("https://drive.google.com/uc?export=view&id=0B6od18BhWGl5eWhtZzJUaFA0SjA");
background-repeat: no-repeat;
}
.header {
width: 100%;
height: 4em;
background-color: #0C1323;
opacity: 0.9;
background-image: url("https://drive.google.com/uc?export=view&id=0B6od18BhWGl5YWN3emwyelRyUUE");
background-repeat: no-repeat;
background-position: right;
background-size: auto 4em;
position: fixed;
top: 0px;
z-index: 1000;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Kit 2 PRO

Questions / Comments: