Hello, I've found and amended the following code for creating a dropdown FAQ list but for some reason the facility to click on any part of the question (rather than the arrow) isn't working - can anyone tell me why?! Thanks.


[CODE]<!DOCTYPE HTML>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<html>
<head>
<title> FAQ Display </title>
<style type="text/css">
.FAQ { cursor:hand; cursorointer; }
.FAA { display:none; }
#FAQlist li { list-style-type: none; }
#FAQlist ul { margin-left:0px; }
</style>

</head>
<body>
<h2>FAQs</h2>

<ul id="FAQlist" style="width:100%">


<li class="FAQ">
<img src="http:/IMAGEURL.jpg" onclick="toggle('faq1',this)">
FAQ QUESTION
<div id="faq1" class="FAA">FAQ ANSWER </div></li><p>


<script type="text/javascript">
function toggle(Info,pic) {
var CState = document.getElementById(Info);
CState.style.display = (CState.style.display != 'block') ? 'block' : 'none';
if (CState.style.display == 'none') {
pic.src = "http://IMAGEURL.jpg";
} else {
pic.src = "http://IMAGEURL";
}
}
</script>
</body>
</html> [CODE]