Ponowne kliknięcie na div'a

Dla specjalistów Webmastering
#1

Witam

Mam taki problem: chce zrobić aby po kliknięciu np. na div’a pokazała się jego zawartość i po ponownym kliknieciu na niego żeby się schował. Mam taki kod:

Szampon do włosów
opis produktu

Mydło
opis produktu

[/code] i w jquery mam tak:

[code] $(’.kategoria_produktu’).click(function(){ $(this).find(’.text’).show(200); });

Po kliknięciu ten div o klasie “text” się pokazuje a jak teraz zrobić aby po ponowym kliknięciu na div’a on się schował. Próbowałem użyć funkcji toggle() ale to znowu mi chowa wszystko zaraz na początku albo coś źle robiłem. Pomóżcie.

#2

zapoznaj się z jqueryui accordian :slight_smile:

gotowe rozwiązanie

http://docs.jquery.com/UI/Accordion

http://jqueryui.com/demos/accordion/

http://www.1stwebdesigner.com/freebies/ … tutorials/

#3

Czy przy wyłączonym JS te divy powinny być ukryte?

Może lepiej chować je na starcie skryptem? Wtedy toggle() powinien zadziałać zgodnie z oczekiwaniem, a użytkownicy blokujący skrypty będą mieli dostęp do treści.

#4

coś źle zrobiłeś bo toggle() wystarczy

#5

Podobają mi się rozwiązania djgrzenio tylko jeszcze jakby na starcie były wszystkie zwinięte to by było super, wiecie jak to zrobić?

#6

oczywiscie :slight_smile:

przykład z mojej jednej strony: http://www.ulicazeglarska.pl/komunikacja-miejska-zkm/

$( "#accordion-bus" ).accordion({

			header: "h1",

			autoHeight: false,

			navigation: true,

			collapsible: true,

	        active: false

	});

active: false -> ten parametr za to odpowiada

oczywiście wywołujesz to w body lub document ready