Нужно написать раскрывающийся контрол: подводишь курсор на один див, а другой невидимый див в это время становится видимым. И на том другом диве есть ещё контролы, их нужно заполнить. И чтобы другой див исчезал сам по себе когда мы с ним уже поработали. Тоесть одним MouseOut && MouseIn тут не обойтись. Пока что сделал вот что:

Но при таком раскладе не попишешь на втором (красном) диве. Что необходимо изменить ещё? Может быть есть уже готовый скрипт подобного контрола?

наверно, потому что браузер тоже не телепат и не может догадаться, оставить ему див открытым или нет?
в таком случае ему это нужно указать, скажем щелчок по зелёному диву оставляет открытым красный, второй щелчок снимает фиксацию.
следовательно событие onclick, вызывает функцию, которая будет изменять значение переменной (0/1), а в функцию HideDiv2 повесить проверку значения этой переменной

советы:
showdiv и hiddiv можно было бы объединить в одну функцию
заменить document.all[''] на document.getElementById('')
и использовать не visibility, а display (но это уже зависит от твоей задачи)