<html>
<head>
<title>Primeiro script com jQuery</title>
<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
<script>
var v=1;
function mostrarOuOcultarDiv1(){
if(v==1){
$('#div1').show("normal");
v=0;
}
else{
$('#div1').hide("normal");
v=1;
}
}
$("a.link1").click(function(evento){
mostrarOuOcultarDiv1();
});
</script>
</head>
<body>
<a href="javascript:void(0)" class="link1">link 1</a>
<a href="javascript:void(0)" class="link2">link 2</a>
<a href="javascript:void(0)" class="link3">link 3</a>
<div id="div1" style="display:none">conteudo do div 1</div>
<div id="div2" style="display:none">conteudo do div 2</div>
<div id="div3" style="display:none">conteudo do div 3</div>
</body>
</html>
o objetivo do codigo é quando eu clicar no link1 a div 1 mostrar ou ocultar seu conteudo.
quando abro a apgina normamente nao funicona.
porem quando abro ela e no firebug ->console digito o codigo
var v=1;
function mostrarOuOcultarDiv1(){
if(v==1){
$('#div1').show("normal");
v=0;
}
else{
$('#div1').hide("normal");
v=1;
}
}
$("a.link1").click(function(evento){
mostrarOuOcultarDiv1();
});
ela funciona
alguem sabe aonde esta o erro ?
abraço
