Отображение только элемента `<div>` и всех его дочерних элементов

Question

У меня довольно сложная HTML-страница с большим деревом элементов DOM. Для указанного <div id='mydiv'> я хотел бы скрыть все элементы DOM, не содержащиеся в <div id='mydiv'>, и показать все элементы DOM, содержащиеся в (и в том числе) <div id='mydiv'>.

Код jQuery, который я пробовал:

$('*').hide();
$('#mydiv').show();

но это не делает то, что я хочу.

Answer 1

   $('body > *').hide();   
   $('#mydiv').show(); 

http://jsfiddle.net/efortis/VC5Q6/