Hide a tempo crea uno strano effetto

idrev

Utente Attivo
8 Ott 2010
45
0
0
Salve ho creato un div immagine con effetti rollover e sopra ho applicato un'altro div con fondo bianco per coprire quello sottostante, l'effetto che voglio ottenere è che quando premo un determinato pulsante il div bianco sparisca e mi permetta di poterlo utilizzare. Ho provato una funzione in jquery con fadeOut ma io voglio che sparisca di netto senza la transizione. alla fine ho utilizzato questa funzione :
PHP:
$().ready(
  function() {

   
	$(".r1").show();
	$(".r2").show();
	
    
    $("#p1").click(
      function() {
       		
		if ($(".r1").is(":visible")) $(".r1").animate({'opacity':'0'},100); 
		if ($(".r2").is(":visible")) $(".r2").animate({'opacity':'0'},300); 
		
		
      }
    );
In questo modo ottengo piu o meno quello che voglio ma ho il problema che anche se sparisce resta comunque li il div bianco in trasparenza e non mi permette di utilizzare quello sottostante. Esiste un modo per impostare la funzione opacity e poi farlo sparire ? Ho provato anche con hide :
PHP:
if ($(".r1").is(":visible")) $(".r1").hide(100);
ma mi crea uno strano sfarfallio e una volta attivato tutti i div bianchi in cui lo richiamo spariscono ma si spostano tutti in alto a sinistra creando un brutto effetto ? come potrei risolvere ?
 

helpdesk

Utente Attivo
30 Set 2009
726
0
0
Pesaro
Ciao, potresti fare qualcosa di questo tipo se ho ben capito:

PHP:
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>

$(document).ready(function(){
  $("button").click(function(){
    $("#p1").toggle();
  });
});

</script>

</head>
<body>

<button>CLICCA</button>
<div id="p1">
  <p>
    Al click del tasto clicca il contenitore #p1
    sparirà senza FadeOut progressivo.
  </p>
</div>

</body>
</html>
 

idrev

Utente Attivo
8 Ott 2010
45
0
0
Ciao, potresti fare qualcosa di questo tipo se ho ben capito:

PHP:
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>

$(document).ready(function(){
  $("button").click(function(){
    $("#p1").toggle();
  });
});

</script>

</head>
<body>

<button>CLICCA</button>
<div id="p1">
  <p>
    Al click del tasto clicca il contenitore #p1
    sparirà senza FadeOut progressivo.
  </p>
</div>

</body>
</html>


Ho risolto in questo modo
PHP:
if ($(".r1").is(":visible")){ 
	$(".r1").animate({
		opacity: '0'
	}, 100, function() { $(".divesterno").css('visibility','hidden');
	});
}

applicando la funsione al div esterno che li contiene. Grazie
 
Discussioni simili
Autore Titolo Forum Risposte Data
B jQuery - hide & show li items jQuery 13
G Funzione hide/show button Javascript 5
M Show Hide non funziona su IE jQuery 2
L colums show/hide Javascript 2
napuleone non si aggiorna textarea in tempo reale Javascript 3
L Quotazioni oro e argento in tempo reale WordPress 2
C Software modifica sitoweb in tempo reale WordPress 12
R salve a tutti sono un insegnante di pianoforte e a tempo perso mi sto dedicando ad access Presentati al Forum 1
S [PHP] Estrarre dati da tabella e fare la media ad intervalli di tempo PHP 10
L Ricerca sviluppatori PHP tempo indeterminato Milano Offerte e Richieste di Lavoro e/o Collaborazione 0
P [PHP] Browser game, aiuto a tempo libero. Offerte e Richieste di Lavoro e/o Collaborazione 0
N [Javascript] For-loop su thead: tempo di esecuzione variabile Javascript 1
S [MySQL] Controllo dati di una tabella in tempo reale MySQL 0
M [PHP] Contatore Tempo Server-side PHP 8
trattorino [PHP] Scaricare solo utenti online o di un determinato tempo PHP 4
bubino8 [PHP] Notifiche tempo reale PHP 0
S [PHP] Selezionare dati in intervallo di tempo PHP 21
M [PHP] Verifica formato data in tempo reale PHP 2
M [PHP] Controllo inserimento in tempo reale PHP 0
M [PHP] Impedire di digitare determinati caratteri nell’input (controllo in tempo reale) PHP 4
S [RSS] Gli RSS si aggiornano in base al tempo o ad un nuovo elemento? XML 2
Tommaso Parini [PHP] Nome del cliente presente da più tempo? PHP 3
M [WordPress] [HTML] Form inserimento campi e visualizzazione in tempo reale WordPress 3
P prestashop - Impossibile raggiungere sito..impiegato troppo tempo a rispondere E-Commerce 0
trattorino php variabili a tempo PHP 6
A pop up come modificare il posizionamento e il tempo HTML e CSS 3
M [PHP] Calcolare se due intervalli di tempo si sovrappongono PHP 7
P Diminuire il tempo di caricamento JOOMLA Joomla 0
M Cancellare record a tempo con formato data mktime PHP 7
Devil-94 Creazione di elementi html in tempo reale. Javascript 4
filippino Tempo trasferimento dominio .COM Domini 5
L Funzione per verificare distanza di tempo non funziona: perchè? PHP 4
radioButton tempo disconnessione database sql Database 1
IImanuII Tempo per una risposta. PHP 20
T Tempo d'attesa per vedere la propria app pubblicata su Google Play Sviluppo app per Android 2
IImanuII Ciclo in php e tempo PHP 6
vendofans [Vendo] 1000 Fans a 6 € !! Offerta a tempo limitato - Fino a 50mila fans! Annunci servizi di Social Media Marketing 2
L php - data in italiano senza il tempo PHP 8
N aggiornare la select di un form in tempo reale PHP 2
P Tempo Transizione menu tendina WordPress 2
G Aiutino su un calcolo javascript in tempo reale Javascript 15
giancadeejay immagine visibile solo dopo tot. tempo Javascript 1
giancadeejay Impostare tempo per vedere un immagine nell'array. Javascript 2
R lettura dati in tempo reale da file di testo PHP 2
D Ajax per calcolare tempo di permanenza Ajax 14
C Calcolo Tempo in ore minuti PHP 2
A PHP: come chiudere uno script dopo un certo periodo di tempo? PHP 7
F funzione tempo PHP 3
N Impostare il tempo jQuery 5
C Far funzionare uno script ad intervalli di tempo Javascript 19

Discussioni simili