jqueryのhidden ulからliを選択

Question

非表示になっているリスト項目を選択しようとしていますが、スライドの切り替え方式で表示できます。

はここで、私はサブ親リスト（par1listとpar2listを）隠してるのjQueryでHTML

<ul> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li id="par1">parent 1</li> 
    <ul id="par1list"> 
     <li>items to select1</li> 
     <li>items to select2</li> 
     <li>items to select3</li> 
    </ul> 
    <li id="par2">parent 2</li> 
    <ul id="par2list"> 
     <li>items to select1</li> 
     <li>items to select2</li> 
     <li>items to select3</li> 
    </ul> 
</ul> 

ですが、親1または親2がクリックされたときには、トグルをスライドさせます。ここではjquery：

$(document).ready(function(){ 
    $("#par1list, #par2list").hide(); //hide elements 

    $("#par1").click(function() { 
     $("#par1list").slideToggle(400); //click parents to show hidden elements 
    }); 
    $("#par2").click(function() { 
     $("#par2list").slideToggle(400); //click parents to show hidden elements 
    }); 

    $("#par1list > li").click(function(){ //select list item from previous hidden ul 
     this.css('color', 'red'); 
    }); 
}); 

私はul par1からリスト項目を選択しようとしていますが、わかりません。ありがとう！

Answer 1

私が正しく理解している場合、あなたは、私はこの1つは、すでに良い答えを持って知っているが、私はなぜそれの説明を追加したい$(this)代わりのthis

DEMO

$("#par1list > li").click(function(){ //select list item from previous hidden ul 
    $(this).css('color', 'red'); 
}); 

Answer 2

を使用する必要がありますそのように動作します： "this"はDOM要素です。 "hello"のように、jQueryを使用して作業するには、まずjQueryオブジェクトで$（this）をラップする必要があります。

希望しました。