Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]slideToggle - problem z jego działaniem.
Forum PHP.pl > Forum > Przedszkole
casperii
Panowie mam kod:


  1.  
  2. <div style="class="toggle">Klik </div>
  3. <p class="contact">zawartosc ukrytego</p>
  4.  
  5. <div style="class="toggle">Klik </div>
  6. <p class="contact">zawartosc ukrytego</p>
  7.  
  8. <script type='text/javascript'>//<![CDATA[
  9. $(window).load(function(){
  10. $(document).ready(function(){
  11. $(".toggle").click(function(){
  12. $(this).next(".contact").slideToggle(200);
  13. return false;
  14. });
  15. });
  16. });//]]>
  17.  


Powyższy kod działa, ale jeśli rozbuduje go o dodatkowe divy to już nie chce działać , co jest tu źle:


  1. <div style="float:left; width:820px;">
  2. <div style="width:20px; float:left;" class="toggle">Klik </div>
  3. <div style="width:800px; float:left;">aaa</div>
  4. <p class="contact" style="width:800px;">zawartosc ukrytego</p>
  5. </div>
  6.  
  7. <div style="float:left; width:820px;">
  8. <div style="width:20px; float:left;" class="toggle">Klik </div>
  9. <div style="width:800px; float:left;">aaa </div>
  10. <p class="contact" style="width:800px; float:left;">zawartosc ukrytego</p>
  11. </div>
  12.  
trueblue
.next wybiera najbliższego sąsiada (natychmiastowego), w <p class="contact"> nim nie jest.

P.S. domready i load nie są potrzebne jednocześnie. return false również nie jest potrzebny.
casperii
@trueblue

  1. $(".contact").slideToggle(200);


rozwija / zwija wszystkie naraz - a ja chce osobno.
trueblue
Kombinuj więcej z dokumentacją.
https://api.jquery.com/nextAll/
LowiczakPL
pierwszy przykład spełniał założenia bo contact był pierwszy ale w kolejnym dałeś contact nieco dalej czyli musisz dać 2 x NEXT, pierwszy pusty

Kod
$(this).next().next(".contact").slideToggle(200);
casperii
@LowiczakPL dzięki za sugestie. Jednak problem rozwiązałem przy pomocy nextAll()
JakubBab
Skoro rozwiazales to dzieki

Cytat
trueblue
Kombinuj więcej z dokumentacją.
https://api.jquery.com/nextAll/


To moze wypadaloby nacisnac przycisk pomogl ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.