funzione jquery su più DIV

**-AA-** · 06-07-2011, 16:46

Ho una funzione jquery

codice:

<script type="text/javascript">
function mostradiv(){
$("#mydiv").animate({"height": "toggle"}, { duration: 1000 });
}
</script>

che applicata poi è

codice:

APRI
<div id="mydiv">
Lort ut, tempus consectetuer, metus. Sed eu est. Phasellus euismod quam in orci. Nam euismod.
</div>

...ora..se io volessi applicare la stessa funzione ad una serie indefinita i DIV come dovrei cambiarla?

**Vindav** · 06-07-2011, 17:15

$("div") se vuoi applicare la funzione a tutti i div della pagina, altrimenti identifichi tutti i div interessati utilizzando una proprietà comune ad essi es:

<div class="mydiv">
<div class="mydiv">
<div>
<div class="mydiv">

$(".mydiv")

**-AA-** · 06-07-2011, 17:50

Vindav
Grazie per la risposta

io ho una situazione di questo tipo

LINK
DIV DA APRIRE

LINK 2
DIV 2 DA APRIRE

LINK 3
DIV 3 DA APRIRE

ETC...

**Vindav** · 06-07-2011, 18:11

codice:

<script>
$(function(){
	$('.openDiv').click(function(){
		$(this).next().show();
		return false;
	});
});
</script>

APRI
		<div style="display:none">
		div1
		</div>
		
		APRI
		<div style="display:none">
		div2
		</div>
		
		APRI
		<div style="display:none">
		div3
		</div>

Se al click sullo stesso link, quando il div è gia aperto, devi chiuderlo, ti conviene prima controllare in che stato si trova in quel momento.

**-AA-** · 06-07-2011, 18:29

Devo dire che il tuo esempio si avvicina molto a quel che vorrei fare io
ho adattato il tuo esempio al mio di JS

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />


<script type="text/javascript" src="./jquery.js"></script>
<script>
$(function(){
	$('.openDiv').click(function(){
		$(this).animate({"height": "toggle"}, { duration: 1000 });
		return false;
	});
});
</script>


<html>
<body> 
APRI
		<div style="display:none">
		div1
		</div>
		

		APRI
		<div style="display:none">
		div2
		</div>
		

		APRI
		<div style="display:none">
		div3
		</div>
</body></html>

se lo provi ha un simpatico effetto MANGIA DIV

a me servirebbe l'apri e chiudi oltre che avere l'effetto di apertura.

Discussione: funzione jquery su più DIV

Strumenti discussione

Ricerca discussione

Visualizza

funzione jquery su più DIV

Permessi di invio