 <p>I'm not sure how you're expecting it to work, but I modified your HTML and JS to get something that I think works how you want: </p> <pre><code>&lt;ul id="accordion"&gt; &lt;li&gt; &lt;div style="background-color: rgb(109, 129, 27);" class="expand" title="Click to Expand"&gt;Zoos &lt;ul class="sortCat1" id="zoo"&gt; &lt;li id="1"&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt; &lt;li id="2"&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt; &lt;li id="3"&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div style="background-color: rgb(109, 129, 27);" title="Click to Expand" class="expand"&gt;Attractions &lt;ul class="sortCat2" id="attractions"&gt; &lt;li id="1"&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt; &lt;li id="2"&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt; &lt;li id="3"&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt; &lt;div style="background-color: rgb(109, 129, 27);" title="Click to Expand" class="expand"&gt;Dining &amp;amp; Shopping &lt;ul class="sortCat3" id="dinShop"&gt; &lt;li id="1"&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt; &lt;li id="2"&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt; &lt;li id="3"&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/li&gt; </code></pre> <p></p> <pre><code>$(".expand").each(function() { if($('ul', this).attr('id') != "attractions") { $(this).css({'display': 'none'}); } }); </code></pre>