html – 隐藏特定div onload,然后点击后显示div
发布时间:2020-12-14 19:35:22 所属栏目:资源 来源:网络整理
导读:我有两个div div1和div2.我想要div2自动隐藏,但是当我点击预览div,然后div2被显示,div1隐藏.这是我尝试的代码,但没有运气:( script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"/scriptscript type="text/javascript"$(docume
我有两个div div1和div2.我想要div2自动隐藏,但是当我点击预览div,然后div2被显示,div1隐藏.这是我尝试的代码,但没有运气:(
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div2").hide(); $("#preview").click(function() { $("#div1").hide(); $("#div2").show(); }); }); </script> <div id="div1"> This is preview Div1. This is preview Div1. </div> <div id="div2"> This is preview Div2 to show after div 1 hides. </div> <div id="preview" style="color:#999999; font-size:14px"> PREVIEW </div> 解决方法
确保看你的选择器.你似乎忘记了#的div2.此外,您可以使用.toggle()一次性切换多个元素的可见性:
// Short-form of `document.ready` $(function(){ $("#div2").hide(); $("#preview").on("click",function(){ $("#div1,#div2").toggle(); }); }); 演示:http://jsfiddle.net/dJg8N/ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |