[jQuery] How to call jQuery from a MAP
Hi I have a MAP with AREAs and I want to show and hide divs with
jquery on MouseOver Event. I already have 2 functions used in the
Area, so I was wondering if I could call Hide() or Show() from theses
functions or not.
I want to show div with id chateaumsa when user mouse over the area or
on click.
I have add this to my javascript but didn't seem to work...
$('#chateaumsa').click( function() {
$('div.hotel-condo,hotel-condo').slideUp('fast');
});
Here is my html code:
<MAP name=msamassif>
<AREA onmouseover=displayDivision(0) onmouseout=hideDivision(0)
id="chateaumsa" shape="rect" alt="Exemple" coords=224,157,259,178
href="#">
<AREA shape=RECT alt="" coords=0,0,0,0 href="#">
</MAP>
<div class="chateaumsa" style="display:none">
<div class="hotel-condo">
<table width="98%" height="109" border="0" align="center">
<tr>
<th width="164" height="105"> <div align="center"><a href="../
redirect/chateaumsa.html" target="_blank"> <img src="../images/
etablissement/chmsa.jpg" alt="www.chateaumsa.com " width="157"
height="87" border="0" /></a></div></th>
<td width="610"valign="top" scope="row"><div align="left">
<table width="0" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="300" class="titresgras" style="font-size:
14px">Château Mont Sainte-Anne</td>
<td width="65"><div align="center"><img src="../images/
4star.gif" alt="4 etoiles" width="65" height="19" /></div></td>
<td width="245"><div align="right" style="font-size: x-
small">Hotel, Condo </div></td>
</tr>
</table>
</div></td>
</tr>
</table>
<br />
</div>
</div>