的JQuery的QuickFix：我不知道该怎么称呼它

Question

这是我的HTML：

<ul class="test"> 
    <li><a href="#">One</a> 
    <ul> 
    <li>Content One</li> 
    </ul> 
    </li> 
    <li><a href="#">Two</a> 
    <ul> 
    <li>Content Two</li> 
    </ul> 
    </li> 
    </ul> 

我想隐藏UL.TEST LI UL。当我点击锚点“one”或者当我点击“ul.test li”或“ul.test li a”时，如何在不使用“ul.test li ul”中的CLASS或ID的情况下执行此操作？

我的代码是：

$(function(){ 
    $("ul.test li").click(function(e){ 
    e.preventDefault(); 
    $(this).slideToggle("fast"); 
    }); 
    }); 

我想要做什么：

$(this + "ul").slideToggle("fast"); 

我想隐藏仅ul.test li ul只。

如果？

$("ul.test li a").click(function(e){ 
    $('ul', this).slideToggle("fast"); 
}); 

我怎么会回去ul.test li使用$('ul', this).slideToggle("fast");

Answer 1

试试这个：

$("ul.test li").click(function(e){ 
    $('ul', this).slideToggle("fast"); 
}); 

演示：http://jsfiddle.net/9KAhT/

$("ul.test li a").click(function(e){ 
    $(this).next().slideToggle("fast"); 
}); 

Answer 2

怎么样

$(this).find("ul").slideToggle("fast"); 

你的点击处理程序中

编辑：

也许这将是更多的使用给你。 http://api.jquery.com/category/traversing/tree-traversal/