title: How do I get multiple links to open in the same container?
body: <p>Example: click first link, view contents. Click second link and have contents replaced with second link?</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;bq13  ----trying Stackoverflow suggestions&lt;/title&gt;
  &lt;script type="text/javascript" src="http://transeeq.com/jquery/jquery-1.3.2.min.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function(){ 
     $( function() {     
       $( "swedish" ).click( function( e ) {
          $('.iframe-link').html( '&lt;iframe src="swedish.html" frameborder="0"&gt;&lt;/iframe&gt;' );
          e.preventDefault();
          return false;
       });
     });
  
  
     $( function() {    
       $( "medical" ).click( function( e ) {
          $('.iframe-link').html( '&lt;iframe src="medical.html" frameborder="0"&gt;&lt;/iframe&gt;' );
          e.preventDefault();
          return false;
       });
     });
  
  
   });
  &lt;/script&gt;
  
  &lt;style&gt;
  
  div.iframe-link {
   position: relative;
   float: left;
   width: 175px;
   height: 205px;
   border: 3px solid blue;
  }
  
  div.swedish {
   position: relative;
   float: left;
   width: 175px;
   height: 205px;
  }
  
  
  div.medical {
   position: relative;
   float: left;
   width: 175px;
   height: 205px;
  }
  
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
  &lt;a href="swedish.html"&gt;Swedish&lt;/a&gt;&lt;br&gt;
  &lt;a href="medical.html"&gt;Medical&lt;/a&gt;&lt;br&gt;
  
  &lt;div class="iframe-link"&gt;
  &lt;/div&gt;  
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>