Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Problem ze 'zwiń/rozwiń'
Forum PHP.pl > Forum > Przedszkole
Twist
Hej,
Struktura HTML jest taka:

  1. <div class="main-middle">
  2. <div class="main-top">
  3. <div class="main-bottom">
  4. <div class="main-inside">
  5. <h2>Opis jakis</h2>
  6. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dignissim odio. Donec egestas condimentum felis rhoncus dignissim. Nullam pharetra porta ipsum, eu lobortis mauris condimentum ac. Morbi aliquam justo at lorem tempor ut porttitor felis hendrerit. Nam consectetur rutrum lectus. Donec eleifend leo sit amet metus posuere scelerisque. Cras vitae lorem augue. Donec quis mattis diam. In pharetra molestie neque, vehicula feugiat arcu lacinia eget. </p>
  7. </div>
  8. <p><a class="zwin" href=#">Zwiń</a></p>
  9. </div>
  10. </div>
  11. </div>


HTML powtarza się wiele razy. Chce stworzyć funkcje, która po kliknieciu w a.zwin spowoduje toggle/hide div.main-inside

Próbowałem w taki sposób:

  1. $(document).ready(function()
  2. {
  3. $("a.zwin").click
  4. (
  5. function()
  6. {
  7. $(this).prev("div").hide();
  8. }
  9. )});
  10.  
  11.  


  1. $(document).ready(function()
  2. {
  3. $("a.zwin").click
  4. (
  5. function()
  6. {
  7. $(this).prev(".main-inside").hide();
  8. }
  9. )});
  10.  
  11.  


Probowałem tez używac closest() i parent(), ale nie działało tak jak chciałem.
Proszę o pomoc i ewentualnie wskazanie błędu w moim rozumowaniu
nospor
Przecież A jest jeszcze w P więc czemu lecisz od razu z PREV? Ojca zapomniał?

$(this).parent().prev().toggle();
Twist
Dziękuje za pomoc.
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.