jquery - Hiding/showing fieldset not consistent
<p>my jsfiddle is here: <a href="http://jsfiddle.net/justmelat/QnKeZ/" rel="nofollow">http://jsfiddle.net/justmelat/QnKeZ/</a></p>

<p>I hide fieldsets on load of page, then display a particular fieldset based on the product type selected from the dropdown.  I thought I had this working, but after you select from the product type dropdown a few times, the sections that should hide or not hiding.  </p>

<p>How should I could this or what am I missing?</p>

<p><strong>my jsfiddle is here:</strong> <code>http://jsfiddle.net/justmelat/QnKeZ/</code></p>

<p><strong>HTML here >></strong></p>

<pre><code>&lt;form method="post" action=""&gt;
    &lt;div id="holdMsg"&gt;&lt;/div&gt;
    &lt;fieldset id="mainSection" name="mainSection"&gt;
                &lt;legend style="color:blue; font-weight:bold"&gt;Project Overview Section&lt;/legend&gt;

                &lt;table style="width: 100%"&gt;
                    &lt;tr&gt;
                        &lt;td style="height: 33px; width: 178px;"&gt;Name&lt;/td&gt;
                        &lt;td style="height: 33px"&gt;&lt;input  id="1125" name="1125" type="text" /&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="height: 33px; width: 178px;"&gt;Email&lt;/td&gt;
                        &lt;td style="height: 33px"&gt;&lt;input  id="1026" name="1026" type="text" /&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 178px"&gt;Product Title&lt;/td&gt;
                        &lt;td&gt;&lt;input  id="1089" name="1089" type="text" /&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 178px"&gt;Product Type&lt;/td&gt;
                        &lt;td&gt;&lt;select id="1169" name="1169"&gt;
                        &lt;option value=""&gt;Select&lt;/option&gt;
                        &lt;option value="Cars"&gt;Cars&lt;/option&gt;
                        &lt;option value="Boats"&gt;Boats&lt;/option&gt;
                        &lt;option value="Planes"&gt;Planes&lt;/option&gt;
                        &lt;/select&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                                    &lt;/table&gt;
            &lt;/fieldset&gt;

            &lt;fieldset id="section-11" name="section-11"&gt;
                &lt;legend style="color:fuchsia; font-weight:bold"&gt;Car Details Section&lt;/legend&gt;

                &lt;table cellpadding="2" style="width: 100%"&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;&lt;input id="1245" name="1245" type="text" /&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;
                        &lt;select id="1433" name="1433"&gt;
                &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                        &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                        &lt;option value="Green"&gt;Green&lt;/option&gt;
            &lt;/select&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                        &lt;td&gt;
                        &lt;textarea id="1290" name="1290" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
                            &lt;/fieldset&gt;

            &lt;fieldset id="section-12" name="section-12"&gt;
                &lt;legend style="color:fuchsia; font-weight:bold"&gt;Plane Details Section&lt;/legend&gt;

                &lt;table cellpadding="2" style="width: 100%"&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;&lt;input id="1245" name="1245" type="text" /&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;
                        &lt;select id="1433" name="1433"&gt;
                &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                        &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                        &lt;option value="Green"&gt;Green&lt;/option&gt;
            &lt;/select&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                        &lt;td&gt;
                        &lt;textarea id="1290" name="1290" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
                            &lt;/fieldset&gt;
            &lt;fieldset id="section-13" name="section-13"&gt;
                &lt;legend style="color:fuchsia; font-weight:bold"&gt;Boat Details Section&lt;/legend&gt;

                &lt;table cellpadding="2" style="width: 100%"&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;&lt;input id="1245" name="1245" type="text" /&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;
                        &lt;select id="1433" name="1433"&gt;
                &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                        &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                        &lt;option value="Green"&gt;Green&lt;/option&gt;
            &lt;/select&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                        &lt;td&gt;
                        &lt;textarea id="1290" name="1290" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
                            &lt;/fieldset&gt;&lt;br&gt;
&lt;fieldset id="section-1011" name="section-1011"&gt;
                &lt;legend style="color:green; font-weight:bold"&gt;Misc Info Section&lt;/legend&gt;

                &lt;table cellpadding="2" style="width: 100%"&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;&lt;input id="1301" name="1301" type="text" /&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                        &lt;td style="height: 35px"&gt;
                        &lt;select id="1302" name="1302"&gt;
                &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                        &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                        &lt;option value="Green"&gt;Green&lt;/option&gt;
            &lt;/select&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr&gt;
                        &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                        &lt;td&gt;
                        &lt;textarea id="1303" name="1303" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                    &lt;/tr&gt;
                &lt;/table&gt;
                            &lt;/fieldset&gt;


&lt;/form&gt;
</code></pre>

<p><strong>jquery here >></strong></p>

<pre><code>$("#section-11").hide();
$("#section-12").hide();
$("#section-13").hide();
$("#section-1011").hide();

var projtype = new Array(
        {value : 'Cars', sect_id : 'fieldset#section-11'},
        {value : 'Planes', sect_id : 'fieldset#section-12'},
        {value : 'Boats', sect_id : 'fieldset#section-13'}
    );
$("select#1169").on('change',function () {
var thisVal = $(this).val();
 var sect_id ="";
    $(projtype).each(function() {
$(this.sect_id).hide();
        if(this.value == thisVal) {
        $(this.sect_id).show();
        return false;
        }
    });        
});
</code></pre>
