jquery-selection-organizer

Using default options:

$(".unordered-list").selectionOrganizer();

Using custom options:

$(".checkbox-list").selectionOrganizer({
  selector: ".child",
  classSelected: "selected",
  showAnimation: false,
  sendToEnd: true,
  callback: function($target) {
    var isSelected = $target.attr("data-selection-organizer-selected") == "true";
    $target.find("input").prop("checked", isSelected);
  }
});

Changing options after initialization:

var boxListOrganizer = $(".box-list").selectionOrganizer({
  selector: ".child",
  classSelected: "selected",
  sendToEnd: true,
  callback : function(target) {
    $(".span-selected-box-number").text($(target).text());
  }
});
boxListOrganizer.settings.animationProperties = {width: "toggle"};
boxListOrganizer.settings.animationDuration = 200;

Selected: Box #