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(){

, если вы не пропустили это.