jQuery的不选择DIV类

Question

试图使一个简单的切换菜单，我似乎无法隐藏/使用该位的jQuery显示其子菜单：

$(".topic news").mouseup(function(){ 
    $(".feed groups").hide("fast", function(){ 
     $(".feed messages").hide("fast"); 
     $("ul.feed news").toggle("fast"); 
    }); 
    }); 

下面是相应的HTML：

<div class="topic news"> 
    <span>News Feed</span> 
</div> 
<ul class="feed news"> 
    <li>News item #1</li> 
    <li>News item #1</li> 
    <li>News item #1</li> 
    <li>News item #1</li> 
    <li>News item #1</li> 
</ul> 

任何想法？

Answer 1

要选择多班div，无论是在CSS或jQuery的，您连接多类选择：

// Notice the dot instead of the space in all these selectors 
$(".topic.news").mouseup(function(){ 
    $(".feed.groups").hide("fast", function(){ 
     $(".feed.messages").hide("fast"); 
     $("ul.feed.news").toggle("fast"); 
    }); 
}); 

Answer 2

没有影响将被解雇，因为没有HTML具有类饲料和团体

​​

除非你省略了。