jQuery UI: sorting elements between lists?

Question

JavaScript

Hello!

Please help me solve the interface problem that arose when using JQuery UI Sortable.

You can test the current result in jsfiddle.net .

As you can see, there are sections in which there is either a list of elements or a message that there are none. Users can move items between sections.

Problem 1:
When the user moves an item from the second section to the first, the block with the message (.empty-list-group-item) in the first block does not disappear. It disappears only after the stop event fires. The question is the following: how to make it so that when an element is moved to an empty section, it is in this section that the block with the message disappears?

2 Problem:
When the user tries to move an element from the fourth section to the third, the fourth section becomes empty without any messages. Again, the message appears only after the stop event. How to display the message correctly in the fourth section?