JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<div class="test">
<a href="javascript:;">test one</a>
</div>
<div class="test">
<a href="javascript:;">test two</a>
</div>
<div class="test">
<a href="javascript:;">test three</a>
</div>
CSS
.active {
border:1px solid red;
}
JavaScript
$(function(){
$.myPlugin = {
imgToggle : function(options){
var defaults = {selector:'.test'};
var options = $.extend(defaults,options);
$('a',options.selector).click(function(){
if(this.className == 'active'){
this.className = '';
}else{
this.className = 'active';
}
});
}
}
})
$(function(){
$.myPlugin.imgToggle();
});