jQuery toggleClass example

Toggle class name on click in jQuery

by Faisal Khan Janjua

HTML

<p></p>

JavaScript

$(document).ready(function(){
  const cities = ['ORLANDO', 'DAVENPORT', 'LOUGHMAN', 'KENANSVILLE', 'KISSIMMEE', 'ALTOONA', 'CLARCONA', 'GRAND ISLAND', 'LAKE MONROE', 'DEBARY', 'PLYMOUTH', 'TANGERINE', 'TAVARES', 'UMATILLA', 'WEBSTER', 'ASTATULA', 'FERNDALE', 'FRUITLAND PARK', 'GOTHA', 'GROVELAND', 'HOWEY IN THE HILLS', 'KILLARNEY', 'LEESBURG', 'MASCOTTE', 'MINNEOLA', 'MONTVERDE', 'OAKLAND', 'OCOEE', 'THE VILLAGES', 'WINTER GARDEN', 'WINDERMERE', 'YALAHA', 'DAYTONA BEACH', 'ALTAMONTE SPRINGS', 'APOPKA', 'CASSELBERRY', 'WINTER SPRINGS', 'CHRISTMAS', 'GLENWOOD', 'EUSTIS', 'DELTONA', 'GENEVA', 'GOLDENROD', 'LAKE MARY', 'LONGWOOD', 'MAITLAND', 'MOUNT DORA', 'OVIEDO', 'SANFORD', 'SORRENTO', 'WINTER PARK', 'ZELLWOOD', 'INTERCESSION CITY', 'CLERMONT', 'SAINT CLOUD'];
  cities.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()));
  $('p').html(JSON.stringify(cities));
});