<html><head> <style>div { width: 70px; height: 50px; float:left; margin: 5px; background: red; cursor: pointer; }.mod { background: blue; cursor: default; } </style> <script src="https://code.jquery.com/jquery-latest.js"></script></head><body> <div>d</div> <div>d</div> <div>d</div> <div>d</div> <div>d</div> <script>(function() { var modWidth = 50; $("div").one('click', function () { $(this).width(modWidth).addClass("mod"); modWidth -= 8; });})();</script> </body></html>