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

由于没有包含类Feed和群组的html

，因此不会触发任何效果

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

除非你省略了。

jQuery没有选择div类

2 个答案: