JQuery menu déroulant sur change show div lorsque certains éléments de menu sont sélectionnés

Question

J'essaye d'obtenir une Div pour montrer quand certains éléments sont sélectionnés à partir d'un menu déroulant. Pour une raison quelconque, il montre quand l'un des éléments dans le menu est sélectionné et je ne comprends pas pourquoi. Merci de votre aide!

<select class="selectDesign" id="designOne" name="design1"> 
<option value="none">None</option> 
<option value="ace">Ace</option> 
<option value="aerialist">Aerialist</option> 
<option value="anthropologie">Anthropologie</option> 
<option value="clare">Clare</option> 
<option value="darcy">Darcy</option> 
<option value="dauphine">Dauphine</option> 
<option value="derby">Derby</option> 
<option value="signature">Signature</option> 
</select> 

<div id="showPaints" style="display: none"><p>My Stuff</p></div> 

javaScript

jQuery("#designOne").change(function(){ 

jQuery("#showPaints").hide("slow"); 

if (jQuery("#designOne").val() == "signature" , "ace") { 
    jQuery("#showPaints").show("slow"); 

} 

}); 

Answer 1

Cette ligne est la syntaxe .. bizarre.

if (jQuery("#designOne").val() == "signature" , "ace") 

Essayez:

var chosenValue = jQuery("#designOne").val(); 
if (chosenValue == "signature" || chosenValue == "ace") 

Je pense que le , 'ace' pourrait être se traduire à Boolean true donc si l'obtient toujours frappé. Je pourrais juste faire un test dans jsfiddle.