Utilizing Variable - JQuery

[Cetanu]

Okay, so.

 

$('#head li').mouseenter(function(){ 
var name = $(this).html(); 
$('#bubble.'+name+'').show(); 
});

$('#head li').mouseout(function(){ 
      $('#bubble').hide(); 
});

 

I'm trying to make the element whose class MATCHES the <li> class appear when the <li> is moused over. In that code, NAME is the variable that stores the information that matches up to the class...

 

...but I can't make the element appear! I know the variable is correct, so why doesn't the #bubble whose class = <li>'s information appear?

 

Thanks.

[Maq]

I'm not quite sure why you're using .html().

 

If you want the class of the clicked 'li' element, then use:

 

var name = $(this).attr("class");

 

[Cetanu]

Oh, because I wasn't matching classes, I was matching the content of the <li> to the name of a class. I.e., <li>Bio</li> matches class="bio".