Ocultar un Div

Hallking · #1 (**permalink**) 31/12/2012, 17:43

Buenas a todos... mi pregunta es bien corta y facil... lo que quiero es usar el codigo siguiente pero me gustaria que el parafo con el id div no se muestre al cargar la pagina me explica que permanesca oculto asta que se de clic en el texto Toggle slideUp() and slideDown().... gracias

Código:

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(button).click(function(){
    $(div).slideToggle("slow");
  });
});
</script>
</head>
<body>

<h1 id="button">Toggle slideUp() and slideDown()</h1>
<p id="div">This is a paragraph.</p>

</body>
</html>

emprear · #2 (**permalink**) 01/01/2013, 08:10

arranca escondiendo el div con
$(div).hide();
Saludos

ryugen · #3 (**permalink**) 01/01/2013, 08:55

Por si las dudas "div" y "button" son id así que deberías usarlos como "#div" y "#button"

Código Javascript:

Ver original$(document).ready(function(){
  $("#div").hide();
  $("#button").click(function(){
    $("#div").slideToggle("slow");
  });
});