niedziałający this w Ajax

Question

Witam
Piszę aplikację w ajax z użyciem json. Aplikacja pobiera z bazy danych uzytkownikow oraz wysiwetla ich na ekranie. Do kazdego uzytkownika dodany jest button, ktory po nacisnieciu rozwija diva, cos na zasadzie "show more info". Teraz pytanie: Jak z użyciem jQuery po naciśnięciu na przycisk ukryć lub pokazać tylko dany element? 

 

			$('.show__more__info').on('click', function() {
				 $('.more').toggle(this);
			});

Kod wyglada nastepujaco: 
Po kliknięciu na przycisk o klasie "show__more__info" wywoluje sie funkcja, ktora pokaze lub ukryje klasę "more" ale problem polega na tym, ze this tutaj nie dziala i pokazuje lub ukrywa wszystkie divy. Macie jakiś pomysł jak to okodzić? 

Answer 1

this tutaj nie dziala i pokazuje lub ukrywa wszystkie divy. Macie jakiś pomysł jak to okodzić? 

this nic w toggle nie robi.

toggle działa poprawnie, ukrywa lub pokazuje wszystkie elementy które 'zaznaczyłeś', czyli te z klasą more.

Aby to zadziałało, potrzebujesz mniej więcej czegoś takiego:

$('.show__more__info').on('click', function() {
    $(this).next('.more').toggle();
});

Comments

a za pomoca removeClass da się to jakoś zrobić?

---

ale z czego Ty chcesz usuwać klasy i po co?

---

Nie no, to bez sensu... Nie wiem jak to zrobic :/

---

pokaż kawałek HTMLa z przyciskami i opisami