Периодическое соприкосновение элементов.
 

Как сделать чтобы при каждом касании красного блока зелёным срабатывало условие? В данном случае условие append(), добавление в зелёный блок текста.

Вот так http://jsfiddle.net/xLa9m/34/ блок if срабатывает только один раз.

Если убрать красный блок пониже top: 80%, то if не срабатывает вообще http://jsfiddle.net/xLa9m/35/
Почему не срабатывает?


ps
Можно включить setInterval() чтобы каждую миллисекунду проверялось условие на соприкосновение, но мне кажется это лишняя нагрузка на сервер.

В прошлой теме про твои квадраты тебе показывали как проверять что-то на каждом шаге анимации. И судя по приведенному коду ты вообще не понимаешь как работает анимация и порядок выполнения кода.
Вместо того, чтобы писать на форуме пошел бы лучше учебник какой почитал что ли. Но нет, лучше взять jQuery и, как обезьянка, пытаться повторять за кем-то, при этом совершенно не понимая что происходит.

Ну как это не понял, когда понял http://jsfiddle.net/xLa9m/37/
Просто думал что нужно событие для выполнения.
Каждый шаг анимации оказывается тоже событие.
Да прошлый код я с закрытыми глазами напишу. Не надо уж так.