Как запустить мой jquery-запрос как скрытый?

У меня есть код, который отображает три изображения и соответствующий div под каждым изображением. Используя функцию jquery .toggle, я сделал так, чтобы каждый div переключался при нажатии на изображение над ним. Есть ли способ сделать так, чтобы div начинались как скрытые?

Спасибо за ваше время,

КОД ДЛЯ СПРАВКИ:

    <html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#picOne").click(function(){
$("#one").toggle(250);


 });

$("#picTwo").click(function(){
    $("#two").toggle(250);
  });


  $("#picThree").click(function(){
    $("#three").toggle(250);
  });

});
</script>
</head>

<body>


    <center>
    <h2>Smooth Transitions</h2>


    <img src="one.png" id="picOne">
        <div id="one">
        <p>first paragraph.</p>
        </div>

    <img src="two.png" id="picTwo">

        <div id="two" visibility="hidden">
        <p>Second Pair of giraffe.</p>
        </div>


    <img src="three.png" id="picThree">

        <div id="three">
        <p>Thiird paragraph.</p>
        </div>



</center>
</body>
</html> 
43
задан John 27 December 2011 в 18:35
поделиться