jquery切换iframe

Question

我试图找出一种方法来获取加载jQuery切换的iframe。我可以让iframe切换，但iframe每次都会被截断，只有约20％的iframe被显示出来。其余的是切断。

http://jsfiddle.net/purpletenspeed/0dvdye07/2/

任何帮助将不胜感激！

HTML

<ul <li> <a href="#" class="show_hide"> Toggle </a> 

<div class="slidingDiv"> 
    <iframe title="Launch Chat" width="500" height="600" src="https://home-c4.incontact.com/inContact/ChatClient/ChatClient.aspx?poc=8824e96a-2f91-4dbd-b9c0-eaf91a26bd48&bu=12" frameborder="0 </iframe> 
</div> 
</li> 

的JavaScript：

$(document).ready(function() { 

$('.show_hide').click(function() { 
    $(".slidingDiv").toggle(); 
}); 

}); 

CSS

.slidingDiv { 
height: 600px; 
width: 300; 
padding: 10px; 
margin-top: 10px; 
display:none 
} 

Answer 1

以及你在你的CSS .slidingDiv问题。使宽度和高度，以配合您的iframe：

.slidingDiv { 
height: 600px; 
width: 500px; 
padding: 10px; 
margin-top: 10px; 
display:none 
} 

这里是fiddle