<ul class="my-name">
<li class="start-name"> Sandeep Kumar Patel</li>
</ul>
$(document).ready(function(){
var callbacks = $.Callbacks(),
callbackMethod1 = function(){
$('.my-name').append("<li class='green'>CallBack Method 1 is Fired</li>")
},
callbackMethod2 = function(){
$('.my-name').append("<li class='yellow'>CallBack Method 2 is Fired</li>")
};
callbacks.add(callbackMethod1);
callbacks.add(callbackMethod2);
$(".start-name").hover(
function () {
callbacks.fire( "callbackMethod1" );
},
function () {
callbacks.fire( "callbackMethod2" );
}
);
})
.my-name{
list-style-type:none;
}
.start-name{
cursor:pointer;
}
.green{
color:green;
font-weight:bold;
}
.yellow{
color:yellow;
font-weight:bold;
}