jquery - menu z hide/show div'ów na początku oraz po kliku? Opcje

[marcus755]

[HTML] pobierz, plaintext 
<ul>
<li><a id="test-menu-1" href="#">test1</a></li>
<li><a id="test-menu-2" href="#">test2</a></li>
<li><a id="test-menu-3" href="#">test3</a></li>
</ul>
 
<div class="test">
<div class="tester" id="test-1">test-1</div>
</div>
<div class="test">
<div class="tester" id="test-2">test-2</div>
</div>
<div class="test">
<div class="tester" id="test-3">test-3</div>
</div>
[HTML] pobierz, plaintext 

1. event który wykonuje się na początku:
jeżeli, np. w <li> z id="test-menu-2" znajdzie class="selected",
wtedy robi display:block; na <div id=test-2"> - reszta div'ów zmienia na display:none;
jeżeli w innymi <li> znajdzie class="selected", robi analogicznie jak powyżej...

2. event na kliku
jeżeli kliknę, w link i doda mi w <li>, w który kliknąłem class="selected",
wtedy jeżeli to będzie np. <li class="selected"><a id="test-menu-3" href="#">test3</a></li>,
wtedy robi display:block; na <div id=test-3"> - reszta div'ów zmienia na display:none;
jeżeli kliknę w inny <li> i doda class="selected", robi analogicznie jak powyżej...