Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Jquery Cavolata

  1. #1

    Jquery Cavolata

    ciao a tutti,
    come faccio ad applicare 2 eventi ad un link?
    ad esempio:

    codice:
    ACCEDI
    <div id="login">
    asdasdasd
    fasasf
    </div>
    foglio css:
    #login{
    display:none;
    position:relative;
    float:right;
    }
    
    jquery:
    script:
    <script type="text/javascript">
    $(document).ready(function() {
    
    $(".apri").click(
    function(){
    $("#login").fadeIn("slow");
    });
    });
    </script>
    praticamente vorrei che se clicco sul link la prima volta mi faccio l'effetto di fade in e se ci clicco la seconda mi deve fare il fade out


    sarà sicuramente una cavolata.. ma non conosco bene il jquery, lo sto studiando adesso

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    500
    Innanzitutto leggi il regolamento, il titolo non spiega il tuo problema..

    Comunque sia:

    codice:
    var fadein=true;
    
    $(".apri").click(function(){
         if(fadein){
              $("#login").fadeIn("slow");
              fadeIn=false;
         }else{
              $("#login").fadeOut("slow");
              fadeIn=true;
         }
    });

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    oppure usi toggle (che è l'evento specifico)
    codice:
    <script type="text/javascript">
    $(document).ready(function() {
    
    $(".apri").click(
    function(){
    $("#login").toggle("slow");
    });
    });
    </script>
    http://api.jquery.com/toggle/
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Complimenti per il titolo
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

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.