Как организовать простое меню на jQuery?

Question

[sunnyrio]

Как организовать простое меню на jQuery чтобы при наведении на пункты меню менялся фон, но еще условие что при щелчке на какой либо из пунктов цвет фона также менялся и оставался измененным даже если курсор покинул этот пункт меню.

Вот что я пытался сделать, подскажите как сделать проще?:

function pickmenu2 (i)
{
	$('#menu1').css('border-left', '0px solid #e3e4e8');
	$('#menu11').css('border-left', '0px solid #e3e4e8');
	$('#menu12').css('border-left', '0px solid #e3e4e8');
	$('#menu13').css('border-left', '0px solid #e3e4e8');
	$('#menu2').css('border-left', '0px solid #e3e4e8');
	$('#menu21').css('border-left', '0px solid #e3e4e8');
	$('#menu22').css('border-left', '0px solid #e3e4e8');
	$('#menu23').css('border-left', '0px solid #e3e4e8');
	$('#menu3').css('border-left', '0px solid #e3e4e8');
	$('#menu31').css('border-left', '0px solid #e3e4e8');
	$('#menu32').css('border-left', '0px solid #e3e4e8');
	$('#menu33').css('border-left', '0px solid #e3e4e8');
	$('#menu1').css('background-color' , 'white');
	$('#menu11').css('background-color' , 'white');
	$('#menu12').css('background-color' , 'white');
	$('#menu13').css('background-color' , 'white');
	$('#menu2').css('background-color' , 'white');
	$('#menu21').css('background-color' , 'white');
	$('#menu22').css('background-color' , 'white');
	$('#menu23').css('background-color' , 'white');
	$('#menu3').css('background-color' , 'white');
	$('#menu31').css('background-color' , 'white');
	$('#menu32').css('background-color' , 'white');
	$('#menu33').css('background-color' , 'white');
	switch (i)
	{
		case 1: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); ; break;
		case 11: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 12: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 13: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 2: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 21: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 22: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 23: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 3: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 31: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 32: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		case 33: $('#menu'+i).css('background-color', '#f0f2f5'); $('#menu'+i).css('border-left', '2px solid #6285af'); break;
		default: break;
	}
}

а также ховер:

$('.submenusty').hover(function () {$(this).css('background-color', '#f0f2f5');},function() {$(this).css('background-color', 'white');});

Comments

[DevMan]

sunnyrio каким боком PHP в тегах к вопросу?

[sunnyrio]

DevMan: ошибся можешь подсказать по моему вопросу 2ой день не могу допетрить как это сделать и возможно ли вообще?