/**
  * 1. Поскольку все дочерние элементы контейнера дергаются по ID необходимость в контейнере оппадает
  * 2. Не вижу надобности в $(this).off('click') т.к. мы не делегировали события для $(this)
  */

// Было
for (var i = 0; i < 10; i++)
    $('#container').find('#item' + i).click(function () {
        $(this).css('background-color', 'red');
        $(this).css('width', $(this).css('width') + 10);
        alert('First click on item ' + i);
        $(this).click(function () {
            $(this).css('background-color', '');
            $(this).css('width', $(this).css('width') - 10);
            alert('Second click on item ' + i);
            $(this).off('click');
        })
    })

// Столо
for(var i = 0; i < 10; i++) {
    var item = document.querySelector('#item' + i);

    if (item.click()) {
        item.style.backgroundColor = 'red';
        item.offsetWidth += 10;
        alert('First click on item ' + i);

        if (item.click()) {
            item.style.backgroundColor = '';
            item.offsetWidth -= 10;
            alert('Second click on item ' + i);
        }
    }
}

// Или с jQuery
for(var i = 0; i < 10; i++) {
    var item = $('#item' + i),
        item_width = item.outerWidth();

    item.click(function() {
        item.css('background-color', 'red')
            .outerWidth(item_width + 10);
        alert('First click on item ' + i);

        item.click(function() {
            item.css('background-color', '');
                .outerWidth(item_width - 10);
            alert('Second click on item ' + i);
        });
    });
}