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.

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

no w sumie racja. w takim razie nagłówki mogą być też div'ami. znalazłem przykład ale nie jest rozwiązany za pomocą jquery: http://d2o0t5hpnwv4c1.cloudfront.net/015_A...dion-final.html
o coś takiego mi chodzi, tylko zeby jeszcze sie chowało jak klikne w rozwiniety. za wszelką pomoc dziekuje.

EDIT: ok, znalazłem już poszukiwane rozwiązanie w manualu jquery, myślę że dalej sam sobie poradzę: http://jqueryui.com/demos/accordion/#collapsible

Pozdrawiam.

Zobacz tutaj, powinno Ci pomóc: http://www.sohtanaka.com/web-design/simple...css-and-jquery/