Hi All
I am trying to get output to show mouseover functionality to change color. But when I remove cursor from DIV element, color isn't changing. Not sure whats wrong I am doing.
I have copied complete code below. Please help me out.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script type="text/javascript" src="script/jquery-1.3.2.js"></script>
<style type="text/css">
.normallight { background-color:Red;}
.highlight { background-color:Yellow;cursor:pointer; }
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="1customer"> Customer one </div><br />
<div id="2customer" class="normallight"> Customer two </div><br />
<div id="3customer" class="normallight"> Customer three </div><br />
<div id="4customer" class="normallight"> Customer four </div><br />
<p id="mySparkline">30, 20, 15, 10, 40</p>
</form>
<script>
$("[id$='customer']").mouseover(function() {
$(this).toggleClass("highlight","normallight");
});
</script>
</script>
</body>
</html>