[JQUERY] Prosty efekt accordion, a problemy z jego wykonaniem Opcje

[Still]

Witam, chcę zrobić prostą rzecz, ale przez próby z korzystaniem z gotowych skryptów, nie mogę osiągnąć zamierzanego efektu. W moim layoucie mam następujący fragment kodu:

[HTML] pobierz, plaintext 
<ol>
	<li><a href="#">Tytuł 1</a></li>
	<div>Opis bla bla bla</div>
 
	<li><a href="#">Tytuł 2</a></li>
	<div>Opis drugi bla bla bla</div>
 
	<li><a href="#">Tytuł 3</a></li>
	<div>Opis trzeci bla bla bla</div>
</ol>
[HTML] pobierz, plaintext 

Chciałbym aby były widoczne tylko nagłówki <li>, a na starcie rozwinięty tylko opis pierwszego. Kliknięcie innego nagłówka rozwija kolejny opis, a chowa ten, który był otwarty. Kliknięcie otwartego, zamyka jego opis.

Mam skrypt, który działa w ten sposób, ale tylko jeżeli divy są w środku znaczników <li> i </li>, a to dyskwalifikuje to rozwiązanie w moim wypadku. Mógłby mi ktoś pomóc z tym problemem, możliwie w jak najprostszy sposób? W jaki sposób odwołać się w jquery do najbliższego diva zaraz za linkiem który kliknęliśmy? Dziękuję z góry za odpowiedzi, pozdrawiam.

[wookieb]

Nie możesz wstawić divów w samo <ol>