dynamiczne przesuwanie zawartosci strony

[DonAndress]

Witam.

Ciezko mi sprecyzowac, jak nazwac rzecz, o ktora mi chodzi.

Chcialbym na stronie miec powiedzmy 5 linkow jeden pod drugim ulozone raczej blisko siebie. Po kliknieciu powiedzmy w pierwszy chcialbym, zeby reszta linkow zjechala nizej, a w wolnym miejscu pojawil sie tekst.

Jak takie cos wykonac?
Czy css/html wystarczy? Jezeli nie, to czego konkretnie szukac w java scripcie?

[jamart]

użyj gotowej biblioteki javascript by było łatwiej (ja polecam jQuery) i metod w niej "click" - wykrycie kliknięcia, "slideUp" - zwinięcie elementu, slideDown" - rozwinięcie elementu i ewentualnie $.post lub $.get w zależności którym sposobem chcesz zawartość wczytać z zewnętrznego źródła.

pozdr.

daj znać czy się uda - polecam http://api.jquery.com/

[DonAndress]

Znalazlem cos takiego:
http://www.java2s.com/Code/JavaScript/A ... deDown.htm

Efekt bardzo mi odpowiada, ale nie wiem jak to zrobic, zeby ten sam link dzialal raz jako slidedown, a raz jako slideup. Przydaloby sie rowniez, zeby slidedown zwijal poprzednio rozwinieta pozycje.

Bo linkow pod soba bedzie kilka.
Na stronie mam za malo miejsca na wyswietlenie tekstu pod kazdym linkiem jednoczesnie, stad pomysl zwijania niepotrzebnych tresci.


Potrafilbys tak przerobic skrypty, zeby dzialaly "po mojemu"?

[jamart]

Aby ten sam przycisk działał raz tak a raz tak to po kliknięciu trzeba sprawdzić odpowiedni warunek:

Kod: Zaznacz cały

$("#przycisk").click(function() {
  if("#tresc do przycisku").is(":visible") {
    ... slide Up ...
  } else {
    ... slide Down ...
  }
});

a dodatkowo przed pokazaniem treści trzeba zwinąć wszystkie niezwinięte - sprawdzając czy nie klikamy już rozwiniętego.
Tak mniej więcej musiałby wyglądać algorytm