Jquery练习一

$(document).ready(function(){
	$('#switcher .button').click(function(){
		$('body').removeClass();
		if(this.id=='switcher-narrow')
		{
			$('body').addClass('narrow');
		}
		else if(this.id=='switcher-large')
		{
			$('body').addClass('large');
		}
		$('#switcher .button').removeClass('selected');
		$(this).addClass('selected');
	});
});

$(document).ready(function(){
	$('#switcher h3').toggle(function(){
		$('#switcher .button').addClass('hidden');
	},function(){
		$('#switcher .button').removeClass('hidden');
	});
});

$(document).ready(function(){
	$('#switcher .button').hover(function(){
		$(this).addClass('hover');
	},function(){
		$(this).removeClass('hover');
	});
});

$(document).ready(function(){
	$('#switcher').click(function(event){
		if(event.target==this)
		{
			$('#switcher .button').toggleClass('hidden');
		}
	});
});

$(document).ready(function(){
	var toggleStyleSwitcher = function()
	{
		$('#switcher .button').toggleClass('hidden');
	};
	
	$('#switcher').click(toggleStyleSwitcher);
	$('#switcher-normal').click(function(){
		$('#switcher').click(toggleStyleSwitcher);
	});
	$('#switcher-narrow,#switcher-large').click(function(){
		$('#switcher').unbind('click',toggleStyleSwitcher);
	});
});