Hi can someone find what's wrong with this code? It's a Q/A page, where all the answers are hidden at first, then an answer is displayed when a question is clicked (after hiding all other displayed answers). It's not working at all.
JS:
<!--Q&A text-->
<script type="text/javascript">
$(document).ready(function() {
$('.answer').hide();
$('.question').click(function() {
var $nextDiv = $(this).next();
var $visibleSiblings = $nextDiv.siblings('div:visible');
if ($visibleSiblings.length ) {
$visibleSiblings.slideUp('fast', function() {
$nextDiv.slideToggle('fast');
});
} else {
$nextDiv.slideToggle('fast');
}
});
});
</script>
HTML:
<div class="qatext">
<div class="question">Q: 1</div>
<div class="answer">A: 1</div>
<div class="question">Q: 2</div>
<div class="answer">A: 2</div>
</div>