<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"><script>
<script>
$(document).ready(function()
{
$('.sss').filter(':nth-child(n+2)').hide();
$('.sss').on('mouseenter', '.question', function()
{
$(this).next().slideDown(200).siblings('.answer').slideUp(200);
});
});
</script>
</head>
<div class="sss">
<div class="question">Question</div>
<div class="answer">Answer</div>
<div class="question">Question</div>
<div class="answer">Answer</div>
<div class="question">Question</div>
<div class="answer">Answer</div>
<div class="question">Question</div>
<div class="answer">Answer</div>
</div>
Divs doesn’t have parent-child relation or am I doing a mistake here?
Try this:
If you need all
questiondiv then try:OR
and for all
answer:OR