afficher un champ de formulaire

bonjours a tous,

bon je début a JQ et JS et je cherche a afficher un champ une fois que l'on a click sur un input de type chekbox .
j'aimerais que sa marche au click mais pour le moment sa marche que l'orque je réactualise la page.

voici le code js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
 
            $(".hide").hide();
            $(".loader").hide();
            $("#add_form").hide();
 
$("[:checkbox]:checked").each(
    function() { 
       $('#add_form').slideDown();
 
 
    } 
);
 
 
 
 
 
	});
</script>

et voici le code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
      <div class="loader"></div>
      <input class="show"  id="show" type="checkbox"  />
      <div id="success"></div>
 
 
 
 
 <form id="add_form" action="add.php" method="post">
 
        <label for="titre">Titre:</label>
        <span class="error"></span>
        <input type="text" name="titre" id="titre" />
 
        <label for="contenu">Contenu:</label>
        <span class="error"></span>
        <textarea name="contenu" id="contenu"></textarea>
 
        <input type="submit" class="submit" value="Envoyer" />

si qqun peu m'aider je le remercie d'avance

Code:

1
2
3
4
5
6
7
8
$('#show').click(function(){
    if($(this).is(':checked')){
        $('#add_form').slideDown();
    }
    else{
        $('#add_form').slideUp();
    }
});

super merci