Trigger event when all dragable divs have been dropped

Is there any way to trigger an event once all dragable divs have actually been dropped. In the sample there is a button set to 'display: none'. What I would like to happen is, when the three red divs have been dropped into their green droppable divs for the button to 'show/fade in'.

jsfiddle

Many thanks