JSFiddle - React, Tailwind, and code Playground

by Andy Bat

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="action">
  <span class='glyphicon glyphicon-floppy-disk action'></span> 
 </div>

CSS

div{
  margin-left: 10px;
  margin-top: 10px;
  font-size: 16px;
}

JavaScript

$('.action').click(function(){
/* $(this).html('<span class="glyphicon glyphicon-pencil"</span>'); */
	$(this).toggleClass('glyphicon glyphicon-pencil');
})