Мой вариант, переписанный с использованием jQuery и слегка измененный.
<style>
.float{height: 20px;background: yellow;margin-bottom:10px;}
.size{height:100px}
</style>
<div class="float"></div>
<div class="float"></div>
<div class="float"></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
(function(){
var $target = null;
var skipClick = false;
var onDocumentClick = function() {
$target.removeClass('size');
$target = null;
return false;
};
var onElementClick = function() {
if (!skipClick) {
setTimeout(function(){
$(document).one('click', onDocumentClick);
});
skipClick = true;
$target = $(this);
$target.addClass('size');
return false;
}
skipClick = false;
};
$('.float').click(onElementClick);
})();
</script>