Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

ROZWIĄZANY: [jQuery] podobne boxy


unbreak

Rekomendowane odpowiedzi

Hej, mam na stronie kilka buttonów które mają id:

button_A button_B button_C itd...

dodatkowo każdy ma klasę button

Pod buttonami mam różne divy które mają kolejno id:

box_A box_B box_C itd

oraz dodatkowo klasę box

Teraz mam zrobione że tylko jeden jest pokazany, reszta jest 'display: none'. Moje pytanie jest, czy da się z automatu zrobić w jQuery że po kliknięciu buttonu np button_B pojawi się box_B a reszta się schowa...

Tzn można to zrobić tak:

	$('#button_B').click(function(){
	$("div.stars_box").hide();
	$("div.stars_box#box_B").show();
});

Ale kiedy takich boxów/buttonów będzie np ze 100 to robić coś takiego dla każdego to istna masakra...

userbar1.jpg

Twiztid Tribe ®

Odnośnik do komentarza
Udostępnij na innych stronach

Ok poradziłem sobie, może się przyda 'potomnym':

Buttonom ustawiłem klasę button oraz każdy ma unikalne (ba) id typu item_A, item_B etc. boxom które mają się pojawić ustawiłem klasę odpowiadającą id buttonów item_A, item_B etc... Jeszcze dodatkowo przełączam buttton klasę, ale to do czegoś innego :]

Voila:

$('.button').click(function(){

	var id=$(this).attr('id');

	$('.'+id).slideToggle();
	$(this).toggleClass('hide');

});

userbar1.jpg

Twiztid Tribe ®

Odnośnik do komentarza
Udostępnij na innych stronach

  • Manager

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.