title: how can I have div and iframe in same area?
body: <p>I have iframe in my page. I need to show <code>&lt;div&gt;</code> in my parent page, but i cannot see until I hide my frame. Is it possible to force the frame to be in background. I don't want to open popup window instead of <code>&lt;div&gt;</code>.</p>
  
  <p>parent.php</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function() {
          $(".Class1").click(function() {
              var str = "&lt;div&gt;Some content&lt;/div&gt;";
              $(".main_frame").hide();
              $(str).appendTo('body');
          });
      });
  &lt;/script&gt;
  
  &lt;a class='Class1' href='#'&gt;text&lt;/a&gt;
  &lt;div class='frame_div'&gt;
      &lt;iframe class='main_frame' name='main_frame' src='child.php'&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>