Binding two onblur events

JavaScript
1

How can I bind two on blur events?

I have a link that has a UL drop down. When I click off of both the link and the UL I want the drop down to disappear. Right now it only disappears after I click off of the link.


allLinks[i].onblur = function()
{
	var divId 			= this.id.substr(10);
	var list 			= document.getElementById('identifier_' 	+ divId);
	var uncompleted 	= document.getElementById('uncompleted_' 	+ divId);
	var on_hold 		= document.getElementById('on_hold_' 		+ divId);
	var cancelled 		= document.getElementById('cancelled_' 		+ divId);
	var completed 		= document.getElementById('completed_' 		+ divId);
	
	removeClass(list, 'block');
	
}
2

Do you have an example url for this?

3

Unfortunately it’s an internal page.

4

Here is a JS Fiddle of my issue. I can’t make the menu disappear when onbluring both the menu and the button.

Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)