非表示の親ディブの中に子ディブを表示する

質問

親Divを非表示にしたまま子Divを表示するにはどうしたらよいでしょうか？ これは可能でしょうか？

私のコードは以下の通りです。

<style>
  .Main-Div{
   display:none;
}
</style>

<div class="Main-Div">
    This is some Text..
    This is some Text..
    <div class="Inner-Div'>
        <a href="#"><img src="/image/pic.jpg"></a>
    </div>
    This is some Text..
    This is some Text..
</div>

どのように解決するのですか？

不可能だと思うのですが。

JavaScriptで要素を抜き出したり、複製してから表示することは可能です。

jQueryでは、要素をコピーすることができます。

var element = jQuery('.Inner-Div').clone();

そして、適切と思われる可視要素に付加します。

element.appendTo('some element');