2010-05-27 81 views
0

試圖使一個簡單的切換菜單,我似乎無法隱藏/使用該位的jQuery顯示其子菜單:jQuery的不選擇DIV類

$(".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> 

任何想法?

回答

5

要選擇多班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"); 
    }); 
}); 
+0

完美,感謝的人 – JoeCortopassi 2010-05-27 20:52:51

0

沒有影響將被解僱,因爲沒有HTML具有類飼料和團體

​​

除非你省略了。