jquery select dd

Question

我正在製作一些FAQ手風琴。 我需要選擇所有，但首先dd並隱藏em全部。

fiddle 基本上，我想要加載頁面時顯示答案1，我不想插入任何id或類到html中。什麼是實現這個

$('dd').hide(); 
 
$('dl').on('mouseenter', 'dt', function() { 
 
    $(this).next().slideDown(200); 
 
    $(this).next().siblings('dd').slideUp(200); 
 
});

dt { 
 
    background-color: #d464d4; 
 
    padding: 10px; 
 
    font-size: 16px; 
 
    text-align: center; 
 
    cursor: pointer; 
 
} 
 
dd { 
 
    height: 30px; 
 
    line-height: 2; 
 
    text-align: center; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<dl> 
 
    <dt>FAQ1</dt> 
 
    <dd>Answer 1</dd> 
 
    <dt>FAQ2</dt> 
 
    <dd>Answer 2</dd><dt>FAQ3</dt> 
 
    <dd>Answer 3</dd><dt>FAQ4</dt> 
 
    <dd>Answer 4</dd><dt>FAQ5</dt> 
 
    <dd>Answer 5</dd> 
 
    <dt>FAQ6</dt> 
 
    <dd>Answer 6</dd> 
 
</dl>

Answer 1

$('dd:nth-child(n+4)').hide();

這意味着你選擇的每dd這是n+4孩子他的父母最簡單的方法。 * n從0開始，並遞增。

Answer 2

$('dd:gt(0)').hide(); 

此外：gt（n）過濾器在「n」元素之後開始選擇。在這種情況下，從第二個<dd>。 （因爲：gt（）不是css，但jquery count從「0」開始）