var lists = [{
    "listid": "#all-colls-list",
    "connectid": "#coll-selected-list"
}, {
    "listid": "#coll-selected-list",
    "connectid": "#all-colls-list"
}];
$.each(lists, function(i, list) {
    $(list.listid).sortable({
        connectWith: list.connectid,
        opacity: 0.7,
        start: function(event, ui) {
            if ($(ui.item).parents('#all-colls-list').length > 0) {
                $(ui.item).addClass('dropped');
                $(ui.item).text("zahir if");
            } else {
                $(ui.item).addClass('sorted');
                $(ui.item).text("zahir else");
            }
        },
        stop: function(event, ui) {
            if ($(ui.item).parents('#all-colls-list').length > 0) {
                $(ui.item).switchClass('droppedli', 'sortedli');
                $(ui.item).text("zahir stop if");
                alert("hello");

            } else {
                $(ui.item).switchClass('sortedli', 'droppedli');
                $(ui.item).text("zahir stop else");

            }
        }
    });
});

Setting Validate Copy Format

#all-colls-list{
  display:inline-block;
  width:200px;
  border:1px solid #331299;
  background-color:#fff;
  height:auto;
}

#coll-selected-list{
  display:inline-block;
  width:200px;
  border:1px solid #331299;
  background-color:#fff;
  height:auto;
}
#all-colls-list li{
  background-color:#2277a7;
  margin:10px;
}
#coll-selected-list li{
  background-color:#a74455;
  margin:10px;
}
#all-colls-list li, #coll-selected-list li{
  list-style:none;
}
#all-colls-list li:hover, #coll-selected-list li:hover{
  cursor:move;
  border:2px solid #A1B177;
}

.dropped{
  background-color:#2277a7;
}
.sorted{
  background-color:#a74455;
}

Setting Validate Copy Format

<ul id="all-colls-list" class="droptrue ui-sortable">
  <li class="sortedli">
    è—1
  </li>
  <li class="sortedli">
    è—2
  </li>
  <li class="sortedli">
    è—3
  </li>
</ul>


<ul id="coll-selected-list" class="droptrue ui-sortable">
  <li class="sortedli" style="">
    ç´…1
  </li>
  <li class="sortedli" style="">
    ç´…2
  </li>
  <li class="sortedli" style="">
    ç´…3
  </li>
</ul>

Copy Format

Download