function populate(){

  // Nested demo

  var nestedSortables = [].slice.call(document.querySelectorAll('.nested-sortable'));

​

// Loop through each nested sortable element

for (var i = 0; i < nestedSortables.length; i++) {

    new Sortable(nestedSortables[i], {

        group: 'nested',

        animation: 150,

        fallbackOnBody: true,

        swapThreshold: 0.65,

        filter: ".filtered"

    });

  }

  return nestedSortables;

}

​

let sortables = populate();

​

additions = document.querySelectorAll(".add")

  .forEach(function(add){ 

    add.onclick = function (e) {

    let par = e.currentTarget.parentNode;

    let div = document.createElement("div");

    div.className = "list-group nested-sortable";

    let add_button = document.createElement("button");

    add_button.className = "filtered add";

    add_button.textContent = "+"

    div.appendChild(add_button);

    let subtract_button = document.createElement("button");

    subtract_button.className = "filtered subtract";

    subtract_button.textContent = "-"

    div.appendChild(subtract_button); 

    let indiv = document.createElement("div");

    indiv.className = "list-group-item nested-2"

    indiv.textContent += "This just got added";

    div.appendChild(indiv);

    par.appendChild(div);

    sortables = populate();

  };

});

​

additions = document.querySelectorAll(".subtract")

  .forEach(function(subtract){

    subtract.onclick = function (e) {

      let par = e.currentTarget.parentNode;

      let children = par.childNodes

      if(children[children.length - 1] == e.currentTarget)

        return;

      children[children.length - 1].remove();

      sortables = populate();

  }

});