<style>
/* start building the accordion */
/* defining the physical limitations of our space */
#accordion_wrapper {
/* specific dimensions and centered it
in the page for a nice visual effect*/
width: 500px; height: 180px;
margin: 100px auto; background-color: #000;
}
#accordion_wrapper div {
/* create the default state for the divs */
height:45px; overflow: hidden;
}
#accordion_wrapper:hover div {
/* create our hover or “active” state */
height: 45px;
}
#accordion_wrapper:hover div:hover {
/* wire it to expand */
height: 100%; overflow: auto;
}
#trigger1 { background-color:#ffcc00; }
#trigger2 { background-color:#005ac3; }
#trigger3 { background-color: #7bafde; }
#trigger4 { background-color:#e7f4ff; }
h6 { font-size: 150%; margin: 10px 10px .2em 25px; }
p { margin: 1em 25px; }
</ style>
</ head>
<body>
<h3> Knowledgebase </h3>
<h4>Registration FAQs</h4>
<p>
<img alt=”Logo” border=”0″ xsrc=”/images/icon.gif” mce_src=”/images/icon.gif”
style=”FLOAT: left; MARGIN-RIGHT: 10px”>
Ask your question by clicking
<a xhref=mailto:janderson1@
mce_href=mailto:janderson1@ >
here</a>.</p>
<h5>Latest questions</h5>
<p>
Roll your mouse over each question to view Answers.
<br>
</p>
<div id=”accordion_wrapper”>
<!– Interactive Block –>
<a name=”atrigger1″>
<div id=”trigger1″>
<h6>FAQ Question 1</h6>
<p>
Test Reveal Answer1
</p>
</div>
<!– Interactive Block END –>
<!– Interactive Block –>
<div id=”trigger2″>
<a name=”atrigger2″></a>
<h6>FAQ Question 2</h6>
<p>
Test Reveal Answer2
</p>
</div>
</a>
<!– Interactive Block END –>
<!– Interactive Block –>
<div id=”trigger3″>
<a name=”atrigger3″></a>
<h6>FAQ Question 3</h6>
<p>
Test Reveal Answer3
</p>
</div>
<!– Interactive Block END –>
<!– Interactive Block –>
<div id=”trigger4″>
<a name=”atrigger4″></a>
<h6>FAQ Question 4</h6>
<p>
Test Reveal Answer4
</p>
</div>
<!– Interactive Block END –>
< div style=”CLEAR: both; FLOAT: none; HEIGHT: 0px” >
</div>
< !– END Accordian — >
</div>
