Jquery MOstar/Esconder divs
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>Discussão (1)
Carregando comentários...