[Jquery]Non parte jquery!

reperior

[Jquery]Non parte jquery!

Voglio far si che a seconda del pulsante che premo mi si mostri il quadrato che voglio.. ecco qui :

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="://code.jquery.com/jquery-latest.js">
$(document).ready(
function()
{
	$("#first").show;
	$("#second").hide;
	$("#third").hide;
});
$("#red").click(
function()
{
	$("#first").show;
	$("#second").hide;
	$("#third").hide;
});
$("#blue").click(
function()
{
	$("#first").hide;
	$("#second").show;
	$("#third").hide;
});
$("#third").click(
function()
{
	$("#first").hide;
	$("#second").hide;
	$("#third").show;
});
</script>
<style type="text/css">
#first
{
	background-color: red;
}
#second
{
	background-color: blue;
}
#third
{
	background-color: yellow;
}
.divvo
{
	height:100px;
	width: 100px;
}
</style>
</head>
<body>
<button id="red">Red</button>
<button id="blue">Blue</button>
<button id="yellow">Yellow</button>
<div class="divvo" id="first"></div>
<div class="divvo" id="second"></div>
<div class="divvo" id="third"></div>
</body>
</html>

Non funziona jquery, perché?

P.S: il link di source di jquery all'inizio, ci vorrebbe http ecc.. ma l'ho tolto altrimenti non mi pubblica il post

marcocarrieri

Se visualizzi il sorgente e clicchi sul javascript si apre il file js?
Che errore ti da di preciso?
Quindi in parole povere vuoi che a seconda del click venga visualizzato o meno il contenuto di un div vero?

reperior

Esatto voglio che a seconda del click venga visualizzato o meno il contenuto di un div, solo che jquery non fa nulla!

marcocarrieri

Ti da qualche errore specifico?
Che browser usi?

reperior

Lo ho provato con Coda

marcocarrieri

Hai un url in forma inattiva da postare?
Cosi ti possiamo dare una mano?

reperior

No... semplicemente ho postato quel codice, ditemi se è giusto. Se lo è allora non capisco perché non va, se non è giusto correggetelo..

marcocarrieri

Senza sapere l'errore preciso che ti da non è facile, per questo se avevi una pagina online sarebbe stato più facile.

reperior

Aspetta. Lo ho messo... Ecco : http /www .flylife. altervista.o rg/script. html

marcocarrieri

La prima cosa he mi sembra di vedere è che lo script di jquery
<script type="text/javascript" src=":http//code.jquery.com/jquery-latest.js">

Sembra essere errato. Prova a togliere i :.

reperior

Non cambia...

marcocarrieri

Gia messo su anche online l'aggiornamento?

reperior

si

marcocarrieri

Prova ora.

[PHP]
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
#first
{
background-color: red;
}
#second
{
background-color: blue;
}
#third
{
background-color: yellow;
}
.divvo
{
height:100px;
width: 100px;
}
</style>
</head>
<body>
<button id="red">Red</button>
<button id="blue">Blue</button>
<button id="yellow">Yellow</button>
<div class="divvo" id="first">PRIMO</div>
<div class="divvo" id="second">SECONDO</div>
<div class="divvo" id="third">TERZO</div>
<script type="text/javascript">
$(document).ready(
function()
{
$("#first").show("slow");
$("#second").hide("slow");
$("#third").hide("slow");
});
$("#red").click(
function()
{
$("#first").show("slow");
$("#second").hide("slow");
$("#third").hide("slow");
});
$("#blue").click(
function()
{
$("#first").hide("slow");
$("#second").show("slow");
$("#third").hide("slow");
});
$("#yellow").click(
function()
{
$("#first").hide("slow");
$("#second").hide("slow");
$("#third").show("slow");
});
</script>
</body>
</html>
[/PHP]