//You need an anonymous function to wrap around your function to avoid conflict
(function($){

	//Attach this new method to jQuery
 	$.fn.extend({ 
 		
 		//This is where you write your plugin's name
 		translateSlide: function(options) {

			//Set the default values, use comma to separate the settings, example:  
            var defaults = {  
                padding: 20,  
                mouseOverColor : '#000000',  
                mouseOutColor : '#ffffff'  
            }  
                  
            var options =  $.extend(defaults, options);  
			
			//Iterate over the current set of matched elements
    		return this.each(function() {
			
				//code to be inserted here
				 $('.translate-panel').css('height',$('.translate-panel').outerHeight() + 'px');
		
				$('a.translate-tab').click(function(event){
					
				
					if ($('.translate-panel').hasClass('open')) {
						$('.translate-panel')
						.animate({left:'-' + $('.translate-panel').outerWidth()}, 300)
						.removeClass('open');
					} else {
						$('.translate-panel')
						.animate({left:'0'},  300)
						.addClass('open');
					}
					event.preventDefault();
				});
    		});
    	}
	});
	
//pass jQuery to the function, 
//So that we will able to use any valid Javascript variable name 
//to replace "$" SIGN. But, we'll stick to $ (I like dollar sign: ) )		
})(jQuery);
	
 $(document).ready(function(){
	$().translateSlide();
});