вроде как элементарные вопросы по jQuery

[splean]

Здравствуйте. Слезно прошу не бить и не отправлять читать мануалы (на то есть некоторые причины), а помочь советом\ответом. Всех негодующих прошу пройти мимо, всем понимающим и сочувствующим заранее большое спасибо! К делу.

Пример страницы - http://splean.net.ru/ex/hover.html (utf-8 кодировку забыл убрать)

Рисуночек:

Такой блок есть во многих из ячеек таблиц, и изначально они все невидимы. Эти блоки являют собой как бы «подменю», просто сделано все не классическими ul-li, а таблицей и div’ами. Как заставить при наведении на ячейку таблицы показывать только ее дочерний блок, а не все остальные? Если сейчас навести на ячейку Проекты а потом опустить курсор на показавшийся блок, то активной станет ячейка "Фотогалерея", так как ее блок также стал видимым.

Вопрос второй - как можете видеть, крайние ячейки таблицы используются для оформления, и имеют классы menuTopLeft и menuTopRight. Сейчас они синие, но когда соседние ячейки будут активными, необходимо их сделать зелеными, т.е. сделать им класс menuTopLeftActive или menuTopRightActive. Вот как отследить, что ховер сейчас на второй и предпоследней ячейкой таблицы? Или как еще по другому это сделать?

Вот код, который пока есть:

$("td").hover(
  function () {
	$(this).addClass("menuItemActive");
	$(this).removeClass("menuItem");
	$(".menuChild").show();
  },
  function () {
	$(this).addClass("menuItem");
	$(this).removeClass("menuItemActive");
	$(".menuChild").hide();
  }
);

Далее скорее всего возникнут еще вопросы..

[splean]

на первый вопрос нашел решение

	$(this).find(".menuChild").hide();

теперь второй..

[Veseloff]

К сожалению, не увидел ни ячейки "Проекты", ни ячейки "Фотогалерея" - есть только "Проекты", "Р СѓР±СЂРёРєРё" ну и так далее...