Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    45

    Effetto per lo scorrimento verticale

    Vorrei creare un effetto a scorrimento verticale, in cui cliccando su un'immagine si apra un div, e cliccandoci di nuova si chiuda.

    ho scritto queste poche linee di codice:
    codice:
    $(document).ready(function(){
      $("#leave_comment").click(function(){
    	var a;
    	if ( a == null){
    		a=0;
    	}
    	
        if ( a == 0) {
    	$("#commenti_facebook").css("display","inline");
    	$("#commenti_facebook").animate({width:400},"slow");
        $("#commenti_facebook").animate({height:400},"slow");
    	a=1;
    	return;
    	}
    	if ( a == 1 ){
    	//chiudi
    	$("#commenti_facebook").animate({height:10},"slow");
    	$("#commenti_facebook").animate({width:0},"slow");
    	$("#commenti_facebook").css("display","none");
    	a=0;
    	return;
    	}
      });
    });
    l'unico problema è che il div si apre ma non si chiude... secondo me perchè quando richiamo la funzione la seconda volta per chiudere il div la funzione non si ricorda che a = 1... possibile??

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Usa l'evento toggle
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    45
    ma io voglio fare che scorra in modo orizzontale poi si apra...
    con toggle posso fare solo lo scorrimento verticale.

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova con animate()
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.