&tag(jQuery);
function ScrollTo(element) {
var text = document.getElementById(element);
var p = $(text).offset().top;
$('html,body').animate({ scrollTop: p });
}
$(function() {
$(".listitems li").sort(sort_li).appendTo('.listitems');
function sort_li(a, b) {
return ($(b).data('position')) < ($(a).data('position')) ? 1 : -1;
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul class="listitems">
<li data-position="3">Item 3</li>
<li data-position="2">Item 2</li>
<li data-position="1">Item 1</li>
<li data-position="4">Item 4</li>
</ul>
$( "h2" ).appendTo( $( ".container" ) );