[JavaScript]Rozwinięcie opisu jak na YouTube Opcje

[piotrex41]

Witam,

Poszukuję od dobrych kilku godzin (bez skutecznie) skryptu jQuery, który pozwolił by mi wstawiać rozwinięcie opisu w DIV, który rozwija się po kliknięciu w ROZWIŃ, jak na YouTube.com
Myk polega na tym, żeby pokazywało się jakieś 30-50px tego opisu, a reszta była ukryta i po kliknięciu w button rozwijała się dalsza część obniżając resztę treści strony.

Będę wdzięczny za każdą podpowiedź, link itp (IMG:style_emoticons/default/wink.gif)

Każda wartościowa odpowiedź otrzyma pomógł (IMG:style_emoticons/default/smile.gif)

[thek]

toggle() w jQuery? (IMG:style_emoticons/default/wink.gif)

[piotrex41]

Nawet bym powiedział .slideToggle() (IMG:style_emoticons/default/smile.gif)
Ale mam 1 dużego DIVa i chcę by jego 30-50px było pokazane a poniżej button ROZWIŃ i po kliknięciu pokazuje całość, i problem mam z tym, że coś nie chce mi zostawić tych 30-50px od góry (IMG:style_emoticons/default/wink.gif)

[thek]

W toogle dodawaj i usuwaj klasę odpowiedzialną za ostylowanie diva (lub atrybut height). Bo tak naprawdę do tego się to da skrócić.

[Evinek]

http://www.w3schools.com/cssref/pr_pos_overflow.asp
O to chodzi?

[piotrex41]

Ok, udało mi się zrobić że zwija i rozwija się tyle ile musi, ale mam inny problem, mianowicie po zwinięciu tekst znów się pojawia, mimo że link jest odpowiednio wysoko i powinno być zwinięte. Problem polega na tym, że DIV który się zwija/rozwija jest przeźroczysty, a tło mojej strony ma duży wzorek, który się nie powiela.

Jakieś pomysły co do tego? (IMG:style_emoticons/default/smile.gif)

overflow:hidden; załatwił sprawę (IMG:style_emoticons/default/smile.gif)

Ten post edytował piotrex41 1.08.2012, 13:35:35