如何隐藏和显示链接中的另一个iframe

Question

＆＃13;

＆＃13;

<div class="category-tab" id="navg"><!--category-tab-->
<div class="col-sm-15">
<ul class="nav nav-tabs">	
							
			<li class="active" ><a href="link"  data-toggle="tab">name</a></li>
			<li ><a href="#link" data-toggle="tab">name</a></li>							    <li ><a href="#link" data-toggle="tab">name</a</li>
			<li ><a href="#link" data-toggle="tab">name</a></li>
</ul>
</div>	
</div>
</div>


<iframe src="" id="a" height="2000" width="1366" frameborder="0" align="right" scrolling="no" ></iframe>
<iframe src="" id="b" height="2000" width="1366" frameborder="0" align="right" scrolling="no" ></iframe>

＆＃13;

＆＃13;

＆＃13;

点击链接时我想要的是什么 在li标签内

它切换iframe或显示和隐藏任何方式我只能使iframe连接上面的链接

当我点击链接后它变为活动状态然后，iframe连接它而不是其他

Answer 1

要“切换iframe以显示或隐藏”，您可以使用jQuery's toggle-Function。 然后你可以写例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<a href="#link" onclick="$('iframe#a').toggle()">I'm a toggle-link.</a><br />
<a href="#link" onclick="$('iframe#b').toggle()">I'm another toggle-link.</a><br />

<iframe id="a" src="http://stackoverflow.com"></iframe><br />
<iframe id="b" src="http://www.wikipedia.org"></iframe>

通过使用.toggle（），你基本上只是将iframe的display-property设置为block / none。

修改
好像你想同时只显示一个iframe 然后，您可以在用户点击链接后隐藏所有iframe，并仅显示相应的iframe：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<a href="#link" onclick="$('iframe').hide();$('iframe#a').show();">I'm a toggle-link (Stack Overflow).</a><br />
<a href="#link" onclick="$('iframe').hide();$('iframe#b').show();">I'm another toggle-link (Wikipedia).</a><br />
<a href="#link" onclick="$('iframe').hide();$('iframe#c').show();">And another toggle-link (jQuery).</a><br />

<iframe id="a" src="http://stackoverflow.com"></iframe>
<iframe id="b" src="http://www.wikipedia.org" style="display:none"></iframe>
<iframe id="c" src="http://jquery.com" style="display:none"></iframe>

不要忘记隐藏那些你不想从头开始显示的iframe，例如。将style="display:none"放在他们身上。