Меню с независимым подменю
 

Здравствуйте форумчане!:help:
Мне необходимо чтобы при нажатии на элемент в одном списке, менялся класс в не-дочернем блоке(менялся список).
А если конкретнее, то так:

$(document).ready(function(){
				$('.disPoint').click(function(){//ловится момент нажатия кнопки.
					$('.activePoint').removeClass('activePoint');//удаляем один класс, далее заменяем класс - 
					$(this).addClass('activePoint');// - тут.
				});
			});

Вот меню:

<ul>
	<li id="menuitemfirst" class="disPoint activePoint"><span>#</span></li>
	<li id="menuitemfirst" class="disPoint"><span>#</span></li>
	<li id="menuitemfirst" class="disPoint"><span>#</span></li>
	<li id="menuitemfirst" class="disPoint"><span>#</span></li>
	<li id="menuitemfirst" class="disPoint"><span>#</span></li>
</ul>

Вот независимое подменю:

<ul id="planets" class="hide show">
	<li><a href='#tres-2b' height='35' weight='242'><span>TrES-2b</span></a></li>
	<li><a href='#earth' height='35' weight='242'><span>Earth</span></a></li>
	<li><a href='#KIC_12557548_b' height='35' weight='242'><span>KIC 12557548b</span></a></li>
	<li><a href='#kepler-36b' height='35' weight='242'><span>Kepler-36b</span></a></li>
	<li><a href='#HD_189733b' height='35' weight='242'><span>HD 189733b</span></a></li>
</ul>
<ul id="galaxys" class="hide">
	<li><a href='#tres-2b' height='35' weight='242'><span>1</span></a></li>
	<li><a href='#earth' height='35' weight='242'><span>2</span></a></li>
	<li><a href='#KIC_12557548_b' height='35' weight='242'><span>3</span></a></li>
	<li><a href='#kepler-36b' height='35' weight='242'><span>4</span></a></li>
	<li><a href='#HD_189733b' height='35' weight='242'><span>5</span></a></li>
</ul>
<ul id="menulast" class="hide">
	<li><a href='#tres-2b' height='35' weight='242'><span>6</span></a></li>
	<li><a href='#earth' height='35' weight='242'><span>7</span></a></li>
	<li><a href='#KIC_12557548_b' height='35' weight='242'><span>8</span></a></li>
	<li><a href='#kepler-36b' height='35' weight='242'><span>9</span></a></li>
	<li><a href='#HD_189733b' height='35' weight='242'><span>10</span></a></li>
</ul>
<ul id="menulast" class="hide">
	<li><a href='#tres-2b' height='35' weight='242'><span>11</span></a></li>
	<li><a href='#earth' height='35' weight='242'><span>12</span></a></li>
	<li><a href='#KIC_12557548_b' height='35' weight='242'><span>13</span></a></li>
	<li><a href='#kepler-36b' height='35' weight='242'><span>14</span></a></li>
	<li><a href='#HD_189733b' height='35' weight='242'><span>15</span></a></li>
</ul>
<ul id="menulast" class="hide">
	<li><a href='#tres-2b' height='35' weight='242'><span>16</span></a></li>
	<li><a href='#earth' height='35' weight='242'><span>17</span></a></li>
	<li><a href='#KIC_12557548_b' height='35' weight='242'><span>18</span></a></li>
	<li><a href='#kepler-36b' height='35' weight='242'><span>19</span></a></li>
	<li><a href='#HD_189733b' height='35' weight='242'><span>20</span></a></li>
</ul>

Нужно чтобы когда меняется класс activePoint на disPoint, соответственно и менялся класс hide на show в таком же порядке. Если все же непонятно объяснил, постараюсь разъяснить еще лучше. Заранее спасибо!