Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lost Dark

Jquery MOstar/Esconder divs

Por , em Javascript

Recommended Posts

Lost Dark    0

Lost Dark
Postado

Bom dia alguem pode me ajudar pra saber onde estou errando!

 

<html>
<head>
<title>Help-me</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
</head>
<body>
<select name="op" id="op">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<div id="1">

	<h1>1</h1>

</div>
<div id="2">

	<h1>2</h1>

</div>
<div id="3">

	<h1>3</h1>

</div>

</select>
</body>
<script type="text/javascript">
$(document).ready(function(){
$('#1').hide();
$('#2').hide();
$('#3').hide();
  $("select[name='op']").change(function() { 	
   //alert( $( this ).val() );	
  	if( $( this ).val()=='1' )
		$('#1').fadeIn();
  	else if( $( this ).val()=='2' )
		$('#2').fadeIn();	
  	else if( $( this ).val()=='3' )
		$('#3').fadeIn();	
	else
		$('#1').fadeOut();
		$('#2').fadeOut();
		$('#3').fadeOut();
	});	
});	
</script>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

P@trique    0

P@trique
Postado 
<html>
<head>
  <title>Help-me</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){

   $('#op').change(function(){
	$('#1, #2, #3').hide();
       $('#' + $(this).val()).fadeIn();
   });

});
</script>
<select id="op">
  <option value=""></option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<div id="1" style="display:none">
   <h1>1</h1>
</div>
<div id="2" style="display:none">
   <h1>2</h1>
</div>
<div id="3" style="display:none">
   <h1>3</h1>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito