我有一个页面，其中有一个div，上面写着“隐藏代码”，我也用ap填充了里面的东西，那个div应该检查那个p是否可见。如果是，它将隐藏p并将div的内容更改为“显示代码”。这仅在第一次使用时有效；我的意思是，如果隐藏了p，它将来回显示，但div的内容只会更改为“显示代码”，再也不要回到“隐藏代码”我的代码：
<div id="toggleCode">Hide code</div>
<p id="code">
At first this is visible
</p>
#toggleCode{
color:red;
background:dodgerblue;
}
$(document).ready(function(){
$("#codearea").css({"height":"15em","width":"15em","background":"gold","margin-top":"5em","border":"4px solid aqua"});
$(".ranges").change(function(){
$tl=$("#tl").val()+"px "
$tr=$("#tr").val()+"px "
$bl=$("#bl").val()+"px "
$br=$("#br").val()+"px "
$code=$tl+$tr+$br+$bl;
$("#codearea").css("border-radius",$code);
});
$("#toggleCode").click(
function(){
if ($("#code").is(":visible")){
$("#toggleCode").html("Show code");
$("#code").hide();
}
else{
$("#toggle").html("Hide code");
$("#code").show();
}
});
$("#resetCode").click(
function () {
$(".ranges").val(0);
$("#codearea").css("border-radius",0);
});
});
还有一个jsfiddle：http : //jsfiddle.net/9yrjuhv4/任何想法
代替
$("#toggle").html("Hide code");
和
$("#toggleCode").html("Hide code");
另外，因为$("#code").is(":visible")您必须等到动画完成。我建议直接将切换状态保留为JavaScript中的变量。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句