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, который имеет классы кормить и группы

$(".feed.groups").hide("fast", function(){ 

если вы этого не сделали.