mnogo pair game

by dekkard

HTML

<ul class="simpic_list">
    <li data-id="9" class="click">Item 9</li>
    
    <li data-id="3">Item 3</li>
    <li data-id="2">Item 2</li>
    <li data-id="1">Item 1</li>
    <li data-id="4">Item 4</li>
</ul>

JavaScript

// debug
$("ul.simpic_list li").on('click', function(){
	$( this ).css( "color", "red" );
});


(function($) {
    var data_attr = "id";
    
	var $list = $("ul.simpic_list li").filter(function(i, $el) {
        	return !$(this).hasClass("click");
        });
    
    console.log("$list: %o", $list);
    
    var $sorted = $list.sort(function sort_li(a, b){
        return ($(b).data(data_attr)) < ($(a).data(data_attr)) ? 1 : -1;
    });
    
    console.log("$sorted: %o", $sorted);
    
    var timeout = 500;
    $sorted.each(function(){ 
        var $me = $(this);
        
        //(function(){
            setTimeout(function() {
                console.log("click %o with timeout %d", $me, timeout);
                $me.click();
            }, timeout);
        //})();
        
        timeout += 500;
    });
    
})(jQuery);