$("#bubble-list").animatedSort({ animationTrigger: {event: "click", selector: "#bubble-sort"}, resetTrigger: {event: "click", selector: "#bubble-reset"} });
$("#selection-list").animatedSort({ listType: [2, 19, 66, 5, 3, 79, 1, 8, 25, 64, 86, 34], stepTime: 300, highlightColor: "#05ef21", sortedColor: "#aa0078", sortAlgorithm: "selection", animationTrigger: {event: "click", selector: "#selection-sort"}, resetTrigger: {event: "click", selector: "#selection-reset"}, callback: function() {$(this).css("background-color", "gray")} });
$("#insertion-list").animatedSort({ stepTime: 600, highlightColor: "teal", listType: {bottom: 0, top: 100, length: 12}, sortedColor: "#e4701d", sortAlgorithm: "insertion", animationTrigger: {event: "click", selector: "#insertion-sort"}, resetTrigger: {event: "click", selector: "#insertion-reset"} });
$("#quick-list").animatedSort({ stepTime: 800, listType: {bottom: 0, top: 100, length: 12}, sortAlgorithm: "quick", animationTrigger: {event: "click", selector: "#quick-sort"}, resetTrigger: {event: "click", selector: "#quick-reset"} });