jQuery的切换并显示

Question

在下面的代码，在点击详细信息链接的股利应在带滚动条的iframe出现了，再次单击该链接iframe和DIV上不应NE show.How做到这一点

<script> 
    function toggle(div) 
    { 

    } 
</script> 


<a href="#" onclick=toggle("div0");>Details </a><Name: Sal 
<div id="div0" style="display:none"> 
<table> 
<tr><th>Date</th><th>Link</th></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
</table> 
</div> 
<a href="#" onclick=toggle("div1");>Details </a><Name: Tom 
<div id="div1" > 
<table> 
<tr><th>Date</th><th>Link</th></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
<tr><td>2010-04-20 10:26:01</td><td></td></tr> 
</table> 
</div> 

Answer 1

使用jQuery的切换（）函数：

function toggle(element){  
    $('#' + element).toggle();  
}); 

你有什么需要的iframe？您可以围绕div设置iframe，并使用iframe元素上的切换。

Answer 2

function toggle(div) 
{ 
    var element = $('iframe').contents().find('#'+div); 

    if($(element).is(":visible") == false) 
     $(element).show(); 
    else 
     $(element).hide(); 
} 

Answer 3

同意Justus， 您通常不需要iFrame，并且切换功能可以优雅地完成工作。 如果你还是喜欢用内嵌框架，你可以这样设置它的内容：

$('#myframe').contents()[0].body.innerHTML = $('#mydiv').html(); 

要看起来像这样的HTML：

<iframe name="framename" id="myframe"></iframe> 
<div id="mydiv" style="display:none"> 
<table> 
<tr><th>Date</th><th>Link</th></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
<tr><td>2010-04-20 10:26:01</td></td></tr> 
</table> 
</div> 

如果你想切换的iFrame本身，使用贾斯特斯的方法对iFrame的id。