Tweet
Underline w/ CSS in DIV not working
I have a code:
I cannot get things like, "Can you do every repair on-site?" to be underlined when hovered over.
Anybody know?
Code:
<style type="text/css">
.FAQ { cursor:hand; cursor:pointer;
border:0px; width:50%;}
.FAA { display:none; }
#qtext {
color: #3B5998;
}
</style>
<script type="text/javascript">
function toggle(Info) {
var CState = document.getElementById(Info);
CState.style.display = (CState.style.display != 'block')
? 'block' : 'none';
}
</script>
</head>
<body>
<h2>FAQ</h2>
<DIV class="FAQ" onclick="toggle('faq1')">
<span id="qtext">Can you do every repair on-site?</span>
<div id="faq1" class="FAA">No, some repairs cannot be completed on-site due to time constraints.</div>
</DIV>
<DIV class="FAQ" onclick="toggle('faq2')">
whassup now?
<div id="faq2" class="FAA">still nadda</div>
</DIV>
<DIV class="FAQ" onclick="toggle('faq3')">
How about now?
<div id="faq3" class="FAA">How many times must I say <b>nothing</b>?</div>
</DIV>
Anybody know?
Comment