Show/Hide - When select option

by chayacooper

HTML

<select id="Item" name="Item" tabindex="5" >     
				<option value="Null" data-Item="Null">Null</option>
				<option value="Dresses" data-Item="Dresses">Dresses</option>
				<option value="Sweaters" data-Item="Sweaters">Sweaters</option>
				<option value="Tops" data-Item="Tops">Tops</option>
				<option value="T-shirts" data-Item="T-shirts">T-shirts</option>
            </select>
<br/>

<input id="Necklines" name="Necklines" type="text" />Necklines<br/>
<input id="Sleeves" name="Sleeves" type="text" />Sleeves<br/>

<input id="topOrBottom" name="topOrBottom" type="text" />topOrBottom<br/>

JavaScript

$(document).ready(function(){
     $("#Necklines ,#Sleeves").hide();               
    
     $("[name=Item]").change(function(){    
         
     $("#Necklines ,#Sleeves").hide();     
            if( $("[name=Item]").val() === "Dresses" || $("[name=Item]").val() === "Sweaters"){  
            $("#Necklines ,#Sleeves").show();                  
            $('topOrBottom').val('Dresses');
            }else {      
            $('topOrBottom').val('Not Dresses');
            $("#Necklines ,#Sleeves").hide();             
            } 
    });        
    
  });