jquery.arrow.js

(function($){
 $.fn.addArrow = function(options) {
	
	var  
	  defaults = {  
		direction: 'right',  
		color: 'black',  
		isBefore: true,
		isThick: true		
	  },  settings = $.extend({}, defaults, options); 
	
	var thisArrow = "";

	if (settings.isThick == true) {
		thisArrow = "►";
		if (settings.direction == 'left')  {thisArrow = "◄";}
		if (settings.direction == 'right') {thisArrow = "►";}
		if (settings.direction == 'up')    {thisArrow = "▲";}
		if (settings.direction == 'down')  {thisArrow = "▼";}
	} else {
		thisArrow = "→";
		if (settings.direction == 'left')  {thisArrow = "←";}
		if (settings.direction == 'right') {thisArrow = "→";}
		if (settings.direction == 'up')    {thisArrow = "↑";}
		if (settings.direction == 'down')  {thisArrow = "↓";}
	}

    return this.each(function() {
       if (settings.isBefore == true) {
		$(this).prepend('<span class="arrow" style="color:'+settings.color+'">' + thisArrow + '</span>');
	   } else {
		$(this).append('<span class="arrow" style="color:'+settings.color+'">' + thisArrow + '</span>');
	   }
    });
	
 };
})(jQuery);

(function($){
 $.fn.removeArrow = function() {
	
    return this.each(function() {
		$(this).children().css('class', 'arrow').remove();
    });
	
 };
})(jQuery);