If only one child (li#inThis), remove self (ul#section)

Question

How can I set display:none to a ul if it has only one child?

Eg, this would be hidden:

<ul id="section">
  <li id="inThis">In this section:</li>
</ul>

But this would not:

<ul id="section">
   <li id="inThis">In this section:</li>
   <li>Item 1</li>
   <li>Item 2</li>
</ul>

Thanks!

Answer 1

if($("#section li").length == 1)
{
   $("#section").hide();
}

Answer 2

//this is one way

if($('#section li').length == 1){
  $j(this).parent().css('display', 'none');
}

Answer 3

$("ul li:only-child").parent().hide();