更改页脚的可见性而不显示：无

Question

尝试在iframe中的内容完成呈现后，使我的页脚指向iframe中显示的SharePoint列表。

我需要在页面上保留页脚占位符，以便显示：无，然后使用js显示无法正常工作。

以下是代码：

$("iframe").ready(function() {
    $(".fatFooter").show();
});

.fatFooter {
     visibility:hidden;
}

<div class="fatFooter" style="width:100%; background-color:#37424a;">
	<div style="height:100%; overflow:hidden;">
		<div style="border: 0; width: 100%; /*height: 200px;*/">
			<iframe style="width:100%; padding:5px 0; 
			margin-left:0px; overflow:hidden !important;" src="http://aol.com" frameborder="0" scrolling="no" width="100%" height="370px">
			</iframe>
		</div>
	</div>
	<div style="width:100%; height:180px; background-color:#23292e; text-align:center;">
		<div style="height:100%; overflow:hidden;">
		<div style="border: 0; width: 100%; /*height: 200px;*/">
			<iframe style="width:100%; padding:20px 0; 
			margin-left:0px; overflow:hidden !important;" src="http://google.com" frameborder="0" scrolling="no" width="100%" height="180px">
			</iframe>
		</div>
	</div>
	</div>
</div>

Answer 1

$("iframe").ready(function() {
    $(".fatFooter").css({visibility: "visible"});
});