Script expandir e ocultar

Diegobpw · July 2, 2011

existe algum codigo que de pra colocar o mostra eo ocultar em 1 botao so ?

porque no caso vou precisar de 4 codigos de ocultar ficaria entranho do jeito que esta

&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

&lt;script type="text/javascript">

$(document).ready(function(){
                           $('#conteudo').hide();

                           $('#mostrar').click(function(event){
                           event.preventDefault();
                           $("#conteudo").show("slow");
                                                     });

                           $('#ocultar').click(function(event){
                           event.preventDefault();
                           $("#conteudo").hide("slow");
                                                     });
});
$(document).ready(function(){
                           $('#conteudo1').hide();

                           $('#mostrar1').click(function(event){
                           event.preventDefault();
                           $("#conteudo1").show("slow");
                                                     });

                           $('#ocultar1').click(function(event){
                           event.preventDefault();
                           $("#conteudo1").hide("slow");
                                                     });
});
$(document).ready(function(){
                           $('#conteudo2').hide();

                           $('#mostrar2').click(function(event){
                           event.preventDefault();
                           $("#conteudo2").show("slow");
                                                     });

                           $('#ocultar2').click(function(event){
                           event.preventDefault();
                           $("#conteudo2").hide("slow");
                                                     });
});
$(document).ready(function(){
                           $('#conteudo3').hide();

                           $('#mostrar3').click(function(event){
                           event.preventDefault();
                           $("#conteudo3").show("slow");
                                                     });

                           $('#ocultar3').click(function(event){
                           event.preventDefault();
                           $("#conteudo3").hide("slow");
                                                     });
});
<!---- 1 conteudo ---->
</script>
<body>

<p>
<a href="#" id="mostrar">Exibir conteudo </a>  |
<a href="#" id="ocultar">Ocultar conteudo</a>
</p>

<div id="conteudo" style="background-color:#fff; padding:5px; margin:0; width:350px;">
<h3>'.$user_data['hobby'].'</h3>
</div>
<!---- 2 conteudo ---->
<p>
<a href="#" id="mostrar1">Exibir conteudo</a>  |
<a href="#" id="ocultar1">Ocultar conteudo</a>
</p>

<div id="conteudo1" style="background-color:#fff; padding:5px; margin:0; width:350px;">
<h3>'.$user_data['dontlove'].'</h3>
</div>
<!---- 3 conteudo ---->
<p>
<a href="#" id="mostrar2">Exibir conteudo</a>  |
<a href="#" id="ocultar2">Ocultar conteudo</a>
</p>

<div id="conteudo2" style="background-color:#fff; padding:5px; margin:0; width:350px;">
<h3>'.$user_data['love'].'</h3>
</div>
<!---- 4 conteudo ---->
<p>
<a href="#" id="mostrar3">Exibir conteudo</a>  |
<a href="#" id="ocultar3">Ocultar conteudo</a>
</p>

<div id="conteudo3" style="background-color:#fff; padding:5px; margin:0; width:350px;">
<h3>'.$user_data['site'].'</h3>
</div>

kuroi · July 3, 2011

java não é javascript.

preste atencao onde posta, valeu.

Sign In

Script expandir e ocultar

Question

Diegobpw

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

kuroi

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity