Witam mam oto taki kod HTML

  1.  
  2. <div class="info">
  3. <a href="#">Link</a>
  4. <img src="images/img2.jpg" alt="" />
  5. <small>19.05.2011 | Aktualności</small>
  6. <p>Nunc porta dapibus nulla, ut congue magna viverra sit amet. Donec volutpat bibendum lectus, vel vestibulum magna vulputate non. Quisque quis mauris id neque ornare condimentum sit amet a metus.</p>
  7. </div>


Elemty imh, small oraz p mają nadaną właściwość display:none;

Teraz chcę by za pomocą kodu jQuery:

  1. $(document).ready(function() {
  2. $("div.info a").click(function(){
  3. $(this).toggleClass("active").next().slideToggle(0);
  4. return false;
  5. });
  6. });


Pojawiły się te elementy które posiadały właściwość display:none; a po ponownym kliknięciu w a by znikły. Kod w sumie działa tylko na emelent img. I zastanawiam się jaką funckcję zamiast .next() tutaj zastosować.