Zoom to location on link click

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Zoom to location on link click</title>

<div class='map-navigation'>
      <div>
        <h1>Government Buildings</h1>
        <p><a href='' data-zoom='18' data-position='38.210133, -84.559359'>County Courthouse</a></p>
        <p><a href='' data-zoom='18' data-position='38.209501, -84.557031'>GSCPC</a></p>
      </div>
      <div>
        <h1>Schools</h1>
        <p><a href='' data-zoom='18' data-position='38.205853, -84.559008'>Garth</a></p>
        <p><a href='' data-zoom='18' data-position='38.207860, -84.554646'>Georgetown College</a></p>
        </p>
      </div>
    </div>
  <script id="jsbin-javascript">
var map = L.map('map', {
            maxZoom: 21,
            minZoom: 16
        });
        map.setView([38.209985, -84.559826], 16);

var osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);

var osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);

Modified http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js to a secure url

https://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js