Struktura HTML jest taka:
<div class="main-middle"> <div class="main-top"> <div class="main-bottom"> <div class="main-inside"> <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> </div> </div> </div> </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:
$(document).ready(function() { $("a.zwin").click ( function() { } )});
$(document).ready(function() { $("a.zwin").click ( function() { } )});
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