Zad2 .red{background:red;} .green{background:green;} .blue{background:blue;} .white{background:white;} .block1 { width: 300px; height: 300px; padding-left: 30px; padding-top: 30px; border:2px solid black; background:white;} .block2 { width: 200px; height: 200px; border: 2px solid black; background: white;} function f(){ $(".block1").css("background","red"); return false; } function s(){ $(".block2").css("background","green"); return false; } function t(){ $(".block1").css("background","blue"); $(".block2").css("background","white"); return false; } function r(){ var n = $(this).width(); var m = $(this).height(); $(this).css("width",n+2); $(this).css("height",m+2); return false; } $(document).ready(function(){ $(".block1").mouseenter(f); $(".block2").bind('mousemove',s); $(".block1").bind('mouseleave',t); $(".block1").bind('click', r); $(".block2").bind('click', r); });