Изменение div при клике

max74max

Новичок
Здравствуйте.
Сейчас при клике на надпись "Открыть меню", появляется блок "Блок меню", при повторном нажатии он закрывается.
Задача следующая, нужно чтобы когда блок открыт вместо надписи "Открыть меню" появлялась надпись "Закрыть меню".

И чтобы также можно было бы закрывать блок не только нажатием на "Закрыть меню" но и кликом по по любому пустому месту, но не в пределах блока "Блок меню"


JavaScript:
<script type="text/javascript">

function chg_menu(id){
    elem = document.getElementById(id); //находим блок div по его id, который передали в функцию
    state = elem.style.display; //смотрим, включен ли сейчас элемент
    if (state =='') elem.style.display='block'; //если выключен, то включаем
    else elem.style.display=''; //иначе - выключаем

}

</script>
HTML:
<div class="box box_in left_menu" id="l_menu">
Блок меню
</div>

<div class="click_menu" onclick="chg_menu('l_menu')">
Открыть меню
</div>
 
Сверху