jquery - jQuery - ドロップ時にすべてのアイテムの選択を解除する

Question

ユーザーが使用できるアイテムの 1 つと、そのユーザーに既に割り当てられているアイテムの 2 つの ListViews があります。私はいくつかの記事をたどり、いずれかのリストで複数のエントリを選択して前後にドラッグできるようになりました。また、個々のアイテムを解放した後、それ自体が自動的に選択解除されるところまで来ています。ただし、複数のアイテムをドラッグすると行き詰まります。ドラッグしたアイテムは選択解除されますが、兄弟は選択解除されず、選択されたままになります。

    $(function () {
    $("#AvailableCommGroups li, #AssignedCommGroups li").click(function () {
        $(this).toggleClass("selected");
    });
    $("#AvailableCommGroups, #AssignedCommGroups").sortable({
        connectWith: ".connectedSortable",
        start: function (e, info) {
            info.item.siblings(".selected").appendTo(info.item);
        },
        stop: function (e, info) {
            info.item.after(info.item.find("li"));
        },
        receive: function (e, info) {
            info.item.toggleClass("selected");
        }
    });
});

上記を変更して、「選択された」クラスのすべてのアイテムが新しいリストにドロップされた後に選択解除されるようにするにはどうすればよいですか?