More Jquery

http://coding.smashingmagazine.com/2012/05/31/50-jquery-function-demos-for-aspiring-web-developers/

by dbelle

HTML

<div id="bind1" style="padding:25px;background-color:green;color:white;font-size:18px;">mouseleave</div>

<p class="unbind">Unbind</p>

<div class="fish"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/86/School_of_Pterocaesio_chrysozona_in_Papua_New_Guinea_1.jpg/800px-School_of_Pterocaesio_chrysozona_in_Papua_New_Guinea_1.jpg" /></div>
<div class="fishgone" style="display:none;">OMG FISH GONE!!!!</div>

CSS

p:hover{text-decoration:underline;}

JavaScript

var fish = function() {
    $(".fish").toggle();
    $(".fishgone").toggle();
};

$("#" + "bind1").bind("click", function(e) {
    $(this).html("click");
}).bind("mouseenter", function(e) {
    $(this).html("mouseenter").css("background", "#000");
}).bind("mouseleave", function(e) {
    $(this).html("mouseleave").css("background", "#cc99cc");
});


$(".unbind").click(function() {
    $('#bind1').unbind('click');
    fish();
});