2010-05-27 7 views
0

Essayer de faire un menu simple à bascule, et je ne peux pas sembler masquer/afficher le sous-menu en utilisant ce bit de jQuery:jQuery ne pas sélectionner div class

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

Voici le code HTML correspondant:

<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> 

Des idées?

Répondre

5

Pour sélectionner un div avec plusieurs classes, que ce soit en CSS ou jQuery, vous concaténer plusieurs sélecteurs de classe:

// 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

Parfait, merci l'homme – JoeCortopassi

0

Aucun effet se faire virer car il n'y a pas html qui a cours se nourrissent et les groupes

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

sauf si vous l'avez omis.

Questions connexes