Afficher un champ caché

bonjour à tous,

j'ai un petit souci avec un formulaire de contact.
J'ai une liste déroulante sur laquelle j'essaie de récupérer la valeur de l'option 3

    <select id="liste">
               	<option>option 1</option>
                <option>option 2</option>
                <option value="selection">option 3</option>
  </select>

Une fois cette valeur récupérée je voudrais afficher un champ caché au départ

	$("#champcache").hide(); 
			if ($("#liste option[value='selection']").attr("selected", "selected")) {
				$("#champcache").slideDown(500);					 
			}
			else { $("#champcache").slideUp(500);	  
			};

Pour l'instant mon code ne fonctionne pas, et je ne comprends pas pourquoi. Si qqun à une petite idée

Merci à tous.
Modifié par lkadiss (17 Nov 2010 - 13:22)

As-tu essayé avec :selected ou .select()
http://api.jquery.com/selected-selector/
http://api.jquery.com/select/

Parce que if($("#liste option[value='selection']").attr("selected", "selected"))
tu ne tests rien avec ça, tu mets comme valeur "selected" à l'attribut "selected".
Hors ce n'est pas ce que tu veux à priori.

merci pour ta réponse, en effet je ne teste rien...

en reprenant ce que tu m'as donné j'ai refait mon code :

$("#champcache").hide();
$("#liste").change(function() {
if ( $("#liste").val() == "option1"){
$("#liste").slideDown(200);
}
else{
$("#liste").slideUp(300); 
}
});