使用iframe-Jquery显示/隐藏切换
我是Jquery新手(从示例中学习)。 我试图创建一些分步教程,然后在最后用iframe显示常见问题解答 我的主要问题是页面加载了我所有的iframe(但隐藏了它们),因此加载页面大约需要10-15秒 我只想通过单击按钮/文本来加载每个iframe,但我还是设法做到了这一点(因为我的URL是相同的,只有URL的id更改:id) Id:3490608或3490611 例如,当我单击忘记密码时,它会显示iframe,但当我再次单击它时,它会加倍,我不知道如何使它隐藏/删除/显示一次 守则: (在网站下->登录问题下 谢谢你的帮助, Ron要显示:使用iframe-Jquery显示/隐藏切换,iframe,jquery,Iframe,Jquery,我是Jquery新手(从示例中学习)。 我试图创建一些分步教程,然后在最后用iframe显示常见问题解答 我的主要问题是页面加载了我所有的iframe(但隐藏了它们),因此加载页面大约需要10-15秒 我只想通过单击按钮/文本来加载每个iframe,但我还是设法做到了这一点(因为我的URL是相同的,只有URL的id更改:id) Id:3490608或3490611 例如,当我单击忘记密码时,它会显示iframe,但当我再次单击它时,它会加倍,我不知道如何使它隐藏/删除/显示一次 守则: (在网站
$('frameid').show();
要隐藏:
$('frameid').hide();
这是我举的一个例子,它被证明是非常有用的,可以作为这类事情的起点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="jquery.js"></script>
<style>
#click{ cursor:pointer;}
.clickopen{ background-image:url(clickopen.png); background-repeat:no-repeat;}
.clickclose{ background-image:url(clickclose.png); background-repeat:no-repeat;}
</style>
</head>
<body>
<div style="width:800px; margin:0 auto;">
<div id="box" style="width:800px; height:100px; background-color:#000; display:none;">
</div>
<div style="width:800px; height:100px;background-color:#CCC;">
<div id="click" style=" width:213px; height:27px;" class="clickopen">
</div>
</div>
</div>
<script>
var clickTrue = 0;
//show dialog
$("#click").click(function () {
$('.clickopen').toggleClass("clickclose");
$('#box').animate({
opacity: 0.75,
height: 'toggle'
}, 400, function() {
// Animation complete.
});
});
</script>
</body>
</html>
无标题文件
#单击{光标:指针;}
.clickopen{背景图像:url(clickopen.png);背景重复:无重复;}
.clickclose{背景图像:url(clickclose.png);背景重复:无重复;}
var-clickTrue=0;
//显示对话框
$(“#单击”)。单击(函数(){
$('.clickopen')。切换类(“clickclose”);
$(“#框”)。设置动画({
不透明度:0.75,
高度:“切换”
},400,函数(){
//动画完成。
});
});
谢谢,但它仍然不起作用(我设法隐藏了它,但每次单击它时它都会复制iframe)。