0 
<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 には親子関係がありませんか、それともここで間違いを犯していますか?

4

2 に答える 2

2

これを試して：

$('.sss').children().filter(':nth-child(n+2)').hide();

questionすべてのdivが必要な場合は、次を試してください。

$('.sss').children(':nth-child(2n)').hide();

また

$('.sss .question').hide();

そしてすべてのためにanswer：

$('.sss').children(':nth-child(2n+1)').hide();

また

$('.sss .answer').hide();
于 2012-09-11T09:32:59.110 に答える
0

フィルターを使用しない代替手段を次に示します。

$('.sss').children(':nth-child(n+2)').hide();
于 2012-09-11T09:41:10.610 に答える