[batcave]

На сайте есть иконка (main_menu_container). При нажатии на иконку появляется небольшое меню(main_menu), фон затемняется (opacity_background с размером 100% на 100%, прозрачным бекграундом и z-index меньшим чем у менюшки. изначально его display none, но при нажатии на иконку становится block). Проблема такая: менюшка и фон появляются. В их html дописывается style="display:block;". НО! Дальше при нажатии на opacity_background main_menu и сам opacity_background должны снова стать diplay:none. По какой-то причине этого не происходит.Console молчит. Функция работает, если пихнуть туда алерты то по клику на opacity_background они появляются. Прошу помощи.
JS код прилагается:

var background = document.getElementById('opacity_background');
var menu = document.getElementById('main_menu');

document.getElementById('main_menu_container').addEventListener('click', popUpMenu);
background.addEventListener('click', hideMenu);

function popUpMenu() {
	background.style.display = 'block';
	menu.style.display = 'block';
}

function hideMenu() {
	background.style.display = 'none';
	menu.style.display = 'none';
}