A simple javascript to make a menu (or anything) appear on click and disappear when anything else is clicked.

gistfile1.txt

var A = AUI();

var docClick = function () {
	if (A.one('.pop-click')) {
		A.one('.pop-click').removeClass('pop-click');
		document.removeEventListener('click', docClick, true);
	}
}

A.all('.pop-clickable').each(
	function(e) {
		e.on(
			'click',
			function (f) {
				if (e.hasClass('pop-click')) {
					e.removeClass('pop-click');
				} else {
					e.addClass('pop-click');
					document.addEventListener('click', docClick, true);
				}
			}
		);
	}
);