Professional Documents
Culture Documents
Script Dropdown
Script Dropdown
<style type="text/css">
.FAQ { cursor:pointer; }
.FAA { display:none; }
#FAQlist li { list-style-type: none; }
#FAQlist ul { margin-left:0px; }
.MoreLess { font-size:1em; font-weight:bold; color:blue; }
li {font-size:100%; font-family:trebuchet ms,helvetica,sans-seri
f;font-size:20px;color:#3498DB;}
div {font-family:trebuchet ms,helvetica,sans-serif;font-weight:
300;color:#333;}
</style>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link crossorigin="anonymous" href=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K
68vbdEjh4u"
rel="stylesheet">
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/boot
strap/3.3.7/css/bootstrap-theme.min.css"
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgm
gJQIXwl/Sp"
rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.
min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstra
p.min.js">
</script>
<script type="text/javascript">
function toggle(Info,pic) {
var CState = document.getElementById(Info);
CState.style.display = (CState.style.display != 'block') ? 'bloc
k' : 'none';
if (CState.style.display == 'none') { document.getElementById(In
fo+'Char').innerHTML = '+'; }
else { document.getElementById(Info+'Char').innerHTML = '-'; }
}
</script>
<style type="text/css">
.bs-example{
margin: 20px;
}
</style>
<div class="bs-example">
<ul class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" href="#sectionA">General FAQs</a>
</li>
<li>
<a data-toggle="tab" href="#sectionB">Fidati Members</a>
</li>
<li>
<a data-toggle="tab" href="#sectionC">Fidati Service Pros</a>
</li>
<li>
Question 3 B
Question 4 B
Question 1 C
Question 2 C
Question 3 C
Question 4 C
Question 1 D
Question 2 D