Юрий

<div id="body">
  <div class="listing-item" data-event-date="2017-05-02">2017-05-02</div>
  <div class="listing-item" data-event-date="2018-01-07">2018-01-07</div>
  <div class="listing-item" data-event-date="2017-06-05">2017-06-05</div>
  <div class="listing-item" data-event-date="2018-01-03">2018-01-03</div>
  <div class="listing-item" data-event-date="2017-08-08">2017-08-08</div>
</div>

<script>
  var body = document.getElementById("body");
  var listElms = body.getElementsByClassName("listing-item");
  var sortedElms = Array.prototype.slice.call(listElms).sort(function(a, b) { 
    return a.dataset.eventDate > b.dataset.eventDate
  });

  for (var i = 0; i < sortedElms.length; i++) {
    body.appendChild(sortedElms[i]);
  }
</script>

//допустим блок с картинками имеет класс .imgs-block,
//а блок, куда нужно скопировать изображение .imgs-block-popup

var imgsBlock = $('.imgs-block');
var imgsBlockPopup = $('.imgs-block-popup');

imgsBlock.find('img').each(function (i, el) {
  var newImg = $(el).clone();
  var item = $('<div class="item"></div>');
  item.append(newImg);
  imgsBlockPopup.append(item);
});

var city = ['kiev', 'newyork', 'losangeles', 'chicago', 'houston'];
var link = location.search.split('-')[1];
if ( ~city.indexOf(link) ) document.title = document.title + '' + link;

function getRandomFunction() {
  var nums = {};
  return function() {
    var min = 1000;
    var max = 10000;
    var randomNum = Math.round( Math.random() * (max - min) + min );
    try {
      if ( nums[randomNum] ) return getRandom();
      nums[randomNum] = true;
    } catch(err) {
      return 'Все числа использованы!';
    }
    return randomNum;
  }
}
var getRandom = getRandomFunction();
alert( getRandom() );

$(document).ready(function() {
  
  $('#click').on("click", function() {
     $("#text").fadeToggle();
  });
  
  $(document.body).on("click", function(e) {
     if(e.target.id != 'click') $("#text").fadeOut();
  });
  
});