What I need is something like this:

$('element1 or element2').mouseover(function()
{
   $('element3').show(effects,blah);
});

I hope I just overlooked this possibility in the jQuery docs.

What I need is something like this:

$('element1 or element2').mouseover(function()
{
   $('element3').show(effects,blah);
});

I hope I just overlooked this possibility in the jQuery docs.

• javascript
• jquery
• css

Share Improve this question Follow edited Feb 10, 2011 at 14:42 R. Martinho Fernandes 235k7272 gold badges441441 silver badges516516 bronze badges asked Feb 10, 2011 at 14:39 roebroeb 49788 silver badges1919 bronze badges 0

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Just use a ma to separate the selectors:

$('element1, element2').mouseover(function()
{
   $('element3').show(effects,blah);
});

The ma is the CSS syntax for selector grouping.

You can do it with a ma in the selector, or you can use add.

$('element1, element2').mouseover(...);
$('element1').add('element2').mouseover(...);

Sure, just as you can specify it in CSS, just use a ma-separated list:

$('.element1, .element2').mouseover(function() { 
    $('element3').show(effects,blah); 
});