JSFiddle - React, Tailwind, and code Playground

by airshow

HTML

<ul id="cities"></ul>

CSS

#cities li {
    background-color: lightgreen; 
    border: 1px solid darkgreen;
    margin : 2px 0;
    padding: 3px;
}

JavaScript

var city_arr = ["London", "Madrid", "Leeds", "Barcelona"];

var $citiesContainer = $("#cities");

$.each(city_arr, function(index, value) {
    var $li = $("<li/>").html(value).appendTo($citiesContainer).hide();
});

$("li", $citiesContainer).slideDown(1500);