by shigemk2

当面は技術的なことしか書かない

一旦emptyした要素の中身を再度appendする

普通にshow hideしてもいいけど、こういう方法もあるよ。
empty()する前に、html()で要素の中身を取得する。
変数に要素の中身を格納して、その変数を利用して
もっぺんappendする。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>hoge</title>
  </head>
  <body>
    <div id="container" style="width: 100%; height: 400px"><p>ふが</p></div>
    <script type='text/javascript' src='./js/jquery-1.4.4.min.js'></script>
    <script type="text/javascript">
     $(document).ready(function() {
         divHTML = $('div#container').html(); // emptyする前にhtml()でテキストを取得する
         $('div#container').empty().append(divHTML);
     });
 </script>
  </body>
</html>