Select changes div state with or statement
<p>I have the following html:</p>

<pre><code>&lt;option value="55"&gt;Clothing - Mens&lt;/option&gt;
&lt;option value="56"&gt;Clothing - Womens&lt;/option&gt;
&lt;option value="67"&gt;Film Music &amp; Books&lt;/option&gt;
&lt;option value="69"&gt;Food &amp; Drink&lt;/option&gt;
</code></pre>

<p>I want to show a div when either "Clothing - Mens" or "Clothing - Womens" is chosen, so I'm using, which works perfectly:</p>

<pre><code>$(document).ready(
function(){
    $('#category').change(
        function(){
            if ($(this).val()) {
                $('input:submit').attr('disabled',false);

                if (($(this).val() == '55') || ($(this).val() == '56')) {
                    $('#fashion').show();
                    } else { $('#fashion').hide(); }

            } else { 
                $('input:submit').attr('disabled',true); 
            }
        });

});
</code></pre>

<p>But is there a way to shorten that? I've tried both of the following but neither work</p>

<pre><code>if ($(this).val() == ('55','56')) { 

if ($(this).val() == ('55' || '56')) { 
</code></pre>

<p>In both above cases, option value 56 works but 55 does not.</p>
