Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    114

    [jQuery] Animazione elemento successivo

    Ho un problema, vorrei animare (slideToggle) un elemento attraverso un click ad un elemento figlio del fratello di questo! detto così è un po' complicato da capire, meglio postare il codice:

    Javascript
    Codice PHP:
    $(".openclose").click(function(){
        $(
    ".slidecontent").slideToggle();
    }); 
    e HTML
    Codice PHP:
    <h2>Titolo1 <span class="openclose">-</span></h2>
    <
    div class="slidecontent">contenuto</div>

    <
    h2>Titolo2 <span class="openclose">-</span></h2>
    <
    div class="slidecontent">contenuto</div
    In pratica voglio animare il div con classe "slidecontent" immediatamente successivo al titolo, ma ho diversi di questi elementi nella pagina e lo script precedente li anima tutti (ovviamente).

    Anche utilizzando
    Codice PHP:
    $(".openclose").click(function(){
        $(
    this).parent().siblings(".slidecontent").slideToggle();
    }); 
    non ottengo l'animazione voluta (prende comunque tutti gli elementi in quanto tutti fratelli del titolo).

    Come riesco ad animare questo elemento?
    Grazie!

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    114
    Penso di essere riuscito ad "autorisolvere" (ovviamente l'idea giusta arriva non appena si spegne il computer)

    Codice PHP:
    $(".openclose").click(function(){
        $(
    this).parent().next(".slidecontent").slideToggle();
    }); 

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.