How to set hover effect with jquery?
PHP Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml"><head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<
title>ExampleJavascript Code to show a hidden element</title>
<
script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
$('a').click(function(){
    $('.section').hasClass('hoverable') ? $('.section').removeClass('hoverable') : $('.section').addClass('hoverable')
})
/*]]>*/
</script>
<style type="text/css">
/*<![CDATA[*/
.object{
    width: 100px;
    height : 100px;
    margin :40px;
    background-color:blue;
}

.hoverable .object:hover{
    background-color : yellow;
    cursor : pointer;
}
/*]]>*/
</style>
</head>
<body>

<div class="section">
    <div class="object"></div>
    <div class="object"></div>
    <div class="object"></div>
</div>
<a href='#'>Toggle hover</a>

</body>

</html>