This is a jQuery plugin to show and hide an element by using a button. also lets you change the text shown.

toggleItem jQuery plugin

(function($){  
    $.fn.toggleItem = function(vars) {
		var toggleButton = (vars.toggleButton != undefined) ? vars.toggleButton : jQuery(this);
		var PreToggleText = (vars.PreToggleText != undefined) ? vars.PreToggleText : 'Show All';
		var PostToggleText = (vars.PostToggleText != undefined) ? vars.PostToggleText : 'Hide All';
		var toggleTarget = (vars.toggleTarget != undefined) ? vars.toggleTarget : false;
		
		toggleButton.css('','')
		
		toggleButton.click(function(){
			toggleTarget.toggle();
			if(toggleButton.text() == PreToggleText) {
				toggleButton.text(PostToggleText);
			} else {
				toggleButton.text(PreToggleText);
			}
			return false;
		});
	}
})(jQuery);