jQuery - show or hide div based on select menu option.

[suttercain]

Hi everyone,

 

I need to be able to show a new form field based on an option selected in the select menu. The show works fine, but when I select another option the revealed form field (div) won't hide. Any ideas?

 

<script type="text/javascript">
$(document).ready(function(){
$("#parent1").css("display","none");
            
    $("#reveal_add").click(function(){
    	if ($('option[name=add_mfr]:selected').val() == "add_new" ) {
        	$("#parent1").slideDown("fast"); //Slide Down Effect   
        } else {
            $("#parent1").slideUp("fast");	//Slide Up Effect
        }
     });            
});
</script>

[haku]

Need to see the HTML for DOM manipulation questions.

[ditsayakul]

Hi suttercain,

 

Today I need same.

 

long time search engine I found this topic on link http://www.onextrapixel.com/2009/10/13/how-to-display-form-fields-based-on-selection-with-or-without-jquery-cookie/