A small jquery component switch widget.

script.js

var switchComponent = {
	init : function(){
		var firstSwitch = ".swfirst";
		var secondSwitch = ".swsecond";
		var compContent = $(".componentscontent");
		var envContent = $(".environmentscontent");
				
		$(firstSwitch).click(function() {
			$(this).css({background: '#eaefd8', color: '#000', borderRight: '2px solid #d6e1b4'});
			$(secondSwitch).css({background: '#e0e8c6', color: '#ccc', borderLeft: '2px solid #ccc'});
			
			$(compContent).hide();
			$(envContent).show();
		});
		
		$(secondSwitch).click(function() {
			$(this).css({background: '#eaefd8', color: '#000', borderLeft: '2px solid #d6e1b4'});
			$(firstSwitch).css({background: '#e0e8c6', color: '#ccc', borderRight: 'none', borderRight: '2px solid #ccc'});
			
			$(compContent).show();
			$(envContent).hide();
		});
		
	}
}

$(document).ready(switchComponent.init);