Código esconder/amostrar objeto 10.04.12 20:03
Este código faz com que, com apenas um botão você pode esconder, e ao mesmo tempo exibir a div.
Quando a div estiver oculta, o botão irá avisa-lo para ocultar-la, e vice-versa.
1° - Código Utilizado
Bom, o código encontra-se abaixo, eu fiz o código da pagina inteira:
Créditos Gerais:
Upload♫
Quando a div estiver oculta, o botão irá avisa-lo para ocultar-la, e vice-versa.
1° - Código Utilizado
Bom, o código encontra-se abaixo, eu fiz o código da pagina inteira:
- Código Utilizado:
- Código:
<!DOCTYPE html>
<html>
<head>
<style>
div { background:#3d9a44; margin:3px; width:80px;
height:40px; float:left; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type="button" value="Amostrar DIV" id="ocultar_d"/><br />
<div id="div1" style="display: none; border: 2px solid black">
Oi
</div>
<script>
$("#ocultar_d").click(function () {
if ($("#div1").is(":hidden")) {
$("#div1").slideDown(800); $("#ocultar_d").attr('value', 'Ocultar Div');
} else {
$("#div1").slideUp(800); $("#ocultar_d").attr('value', 'Amostrar Div');
}
});
</script>
</body>
</html>
Créditos Gerais:
Upload♫