JSFiddle - React, Tailwind, and code Playground

by gmdavis62

HTML

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/cupertino/jquery-ui.css">
    <button id="ampm" class="meridian toggle">AM</button>

JavaScript

$(".meridian").button();

    $(".meridian").click(function(){
		if($(this).children('span').text() === ('AM')){
			$(this).children('span').text('PM');
		}else{
			$(this).children('span').text('AM');
		};
	});