JSFiddle - React, Tailwind, and code Playground

HTML

<!-- The JavaScript “this” Keyword Deep Dive: jQuery Click Handlers -->

<!-- http://blog.kevinchisholm.com/ -->

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<div class="download">
    <a href="#">Click Me!</a>
</div>

CSS

.download{
    width:80%;
    margin:20px auto 0;
    padding:22px;
    background-color:#ededed;
    border:1px solid #ccc;
    -webkit-border-radius: 05px;
    -moz-border-radius: 05px;
    border-radius: 05px;
}
.download a{
    font-family:arial;
    font-size:22px;
    color:#D71700;
}
.download a span{
    font-style:itatlic;
}
.download a.blue{color:#483D8B!important;}
.download a.blueText{color:#483D8B!important;}
.download.blueBorder{border:2px solid blue!important;}
.download.redBackground{background-color:#FFADAD!important;}

JavaScript

$('.download a').click(function(){
    this.toggleClass('blue');
});