scripts.js

// https://css-tricks.com/snippets/jquery/shuffle-dom-elements/
(function($){
    $.fn.shuffle = function() {
        var allElems = this.get(),
            getRandom = function(max) {
                return Math.floor(Math.random() * max);
            },
            shuffled = $.map(allElems, function(){
                var random = getRandom(allElems.length),
                    randEl = $(allElems[random]).clone(true)[0];
                allElems.splice(random, 1);
                return randEl;
           });

        this.each(function(i){
            $(this).replaceWith($(shuffled[i]));
        });

        return $(shuffled);
    };
})(jQuery);

function shuffle() {
  $('li').shuffle();
}

function showAll() {
  $('li').addClass('visible');
  $('.tools').hide();
}

$( document ).ready(function() {
  shuffle();
});