If only one child (li#inThis), remove self (ul#section)
<p>How can I set display:none to a ul if it has only one child?</p>

<p>Eg, this would be hidden:</p>

<pre><code>&lt;ul id="section"&gt;
  &lt;li id="inThis"&gt;In this section:&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>But this would not:</p>

<pre><code>&lt;ul id="section"&gt;
   &lt;li id="inThis"&gt;In this section:&lt;/li&gt;
   &lt;li&gt;Item 1&lt;/li&gt;
   &lt;li&gt;Item 2&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Thanks!</p>
