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