JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<br><br><br><br><br>
<a
href="javascript:addRss('234');"
class="btn btn-success"
title="Add content to Personal RSS"
id="addRssbtn"
data-toggle="tooltip" >
<i class="fa fa-rss fa-lg"></i>
</a>
CSS
@import url("http://netdna.bootstrapcdn.com/bootswatch/3.1.1/cerulean/bootstrap.min.css");
@import url("http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css");
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");
JavaScript
$(function (){$('[data-toggle="tooltip"]').tooltip({});});
function addRss(hash){
$("#addRssbtn").attr("class", "btn btn-success active");
$("#addRssbtn").attr("title", "Remove content from Personal RSS").tooltip('fixTitle').tooltip('show');
$("#addRssbtn").attr("href", "javascript:unaddRss(" + hash + ");");
//some other post data stuff
};