reload Iframe of accordion jquery

reload Iframe of accordion jquery

Hi Zoho team
I'am new in this web forum. and wed designer and i am not many knowledge with jquery. well I use one accordion jquery for one web site and i use one iframe for each div of the accordion. I would like to know How i can reload one iframe when i click to open one div. ??
i use the tag javascript onclick for reload the iframe but that not work. I searched many informations in forums but i don't found anything about.

Please i realy need help because i need that the iframe must to be reload when i open the div
thank you for your help

-------------- Beginning of code  ---------------------------

<html >
<head>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
  <style type='text/css'>
    html, body  {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
   }
    .accordion {
    height: 100%;
   }
  </style>
<script type='text/javascript'>//<![CDATA[
$(function(){
$( ".accordion" ).accordion({ fillSpace: true });
$(".accordion").accordion({ header: "h3" , active: 4});

$(window).resize(function(){
    // update accordion height
    $( ".accordion" ).accordion( "resize" )
});
});//]]> 

</script>

</head>
<body>

  <div class="accordion">
   
<h3 >
<a href="#" onclick="document.getElementById('testFrame').refresh();">r&eacute;alisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></a>
</h3>
 <div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
   
<h3 >
<a href="#" onclick="document.getElementById('testFrame').refresh();">r&eacute;alisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></a>
</h3>
 <div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>


<h3 >
<a href="#" onclick="document.getElementById('testFrame').refresh();">r&eacute;alisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></a>
</h3>
 <div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>


<h3 >
<a href="#" onclick="document.getElementById('testFrame').refresh();">r&eacute;alisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></a>
</h3>
 <div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>

   
 <h3 >
<a href="#" onclick="document.getElementById('testFrame').refresh();">r&eacute;alisations<img src="images/blank.gif" style="margin-left: 586px;" border="0" /></a>
</h3>
 <div>
<iframe id="testFrame" name="testFrame" src="realisations/redirect.html" frameborder="0" width="100%" height="100%" align="left" scrolling="auto"></iframe>
</div>
   
  

</div>
</body>
</html>