不需要的显示:没有在类上自动添加
unwanted display: none added automatically on class
我有一个面板里面有一个复制链接,当我点击打开我的面板一个显示:none是自动添加的
showme.style.display = "none";
上添加了这一行,现在我们可以完美地打开面板,但在
之后关闭它是不可能的。这里是我的链接WITHOUT showme.style.display = "none";
:
这里是我的链接,这里是我的代码WITH showme.style.display = "none";
:
<!DOCTYPE HTML><!--[if IE 8]><html lang="en" class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
<head><meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.0.js"></script>
<style>
div#panel1 {
display: block;
background-color:#eee;
visibility: hidden;
}
.flip1 {
display: block;
background-color:#eee;
}
#check {
visibility: hidden;
width:12px; height:12px;
}
span#copy-callbacks, span#copy-callbacks2 {
float: none; cursor:pointer;
}
.zclip {
border:1px solid red;
position:relative;
display:inherit;
}
div#zclip-ZeroClipboardMovie_1.zclip {
position: relative;
margin-top:-18px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("span#copy-callbacks").zclip({
path:"ZeroClipboard.swf",
copy:$('#callback-paragraph').text(),
beforeCopy:function(){
$('#copy-callbacks').css('display','none');
},
afterCopy:function(){
$('#copy-callbacks').css('display','block');
}
});
document.getElementById("copy-callbacks").onclick = function() {
document.getElementById("check").style.visibility = "visible";
}
});
$(document).ready(function() {
$('span#copy-callbacks').hover(
function () {
$(this).css({"color":"#e0ccb4"});
},
function () {
$(this).css({"color":"#000"});
}
);
$(".flip1").click(function(){
$("#panel1").slideToggle("fast");
});
});
function newwindow() {
var showme = document.getElementById("panel1");
showme.style.visibility = "visible";
showme.style.display = "none";
}
</script>
</head>
<body>
<div style="margin-top:150px;" onclick="newwindow()" class="flip1">Click to slide the first panel down or up</div>
<div style="display: block; padding-bottom:80px;" id="panel1">
<span id="copy-callbacks"> Copy link <img src="check.png" id="check" style="display: inline;"></span>
<span style="font-size:0px;" id="callback-paragraph">essaie sans alert</span>
</div>
<script type="text/javascript" src="jquery.zclip.js"></script>
<script type="text/javascript" src="jquery.cbpFWSlider.min.js"></script>
</body>
</html>
- 你不需要newwindow()
- #panel1:在文档级样式,删除可见性和显示。
- 对于#panel1: in inline style,设置display: none
我说的是第一个链接
相关文章:
- 将js添加到wordpress中以突出显示css活动菜单
- 在javascript中添加和显示对象的随机数组中的视频
- jQuery添加的文本不显示
- Javascript中的列表,用于添加和显示所有项目
- 如何在jQuery点击函数中添加并显示引导工具提示
- Firefox赢得了'不会显示我添加的jquery元素,但Chrome会显示
- 必应地图没有'当我向函数添加另一个参数时,t显示
- 将单击事件添加到显示字段
- 如何在烛光图表中添加/显示时间框架
- javascript .map ,如何添加显示当前位置的字符串
- 如何在调查表中添加显示/隐藏
- 如何添加显示输入按钮的时间
- 如何继续在我的页面上添加/显示项目,同时滚动垂直栏
- 添加显示星号的单击事件后,它不会注册单击的位置
- 如何添加'显示/隐藏内容'选项在网页中的html
- Jquery FadeIn添加显示属性,而不是仅仅删除display:none
- 单击一个li,在单击的li内的span标记上添加显示块,当单击另一个li时,对其执行相同的操作,并使显示与前一个无关
- 尝试添加显示/隐藏按钮,但被主题的 javascript 覆盖
- 使用jQuery添加显示:none;当某件事是真实的,并且有一定的规模
- 根据选择值添加/显示动态表单字段