troubleshooting Question

jquery function

Avatar of Refael
RefaelFlag for United States of America asked on
JavaScriptjQuery
4 Comments1 Solution394 ViewsLast Modified:
Hello Experts,

I am trying to create a function in jquery.
The code below show you an map-area-shape ID and a DIV with an ID that correspond to the  map-area-shape.
Since i will have like 30 map-area-shape ID's and content corresponding ID's i need a function so that each time a user mouseenter the map-area it shows the corresponding content div.

<map name="Map" id="Map">
    <area shape="rect" id="we212" coords="170,11,275,51" />
</map>

<div id="we212_info">
  // content //
</div>


At the moment i have the below code which  i need to convert to a function.

$('#we212').mouseenter(function() {
		$('#we212_info').stop(true, true).fadeIn('slow');
		}).mouseleave(function() {
	    $('#we212_info').stop(true, true).hide();
	});

i will appreciate your help!
ASKER CERTIFIED SOLUTION
Jon Norman
Information Systems Manager
Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros