js代码|点击显示内容,再次点击隐藏内容

时间:2个月前   阅读:85

利用一些小技巧,让网站看上去更加美观

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) { 
    $("#btn").click(function(){
         if(!$("#zshao").is(":visible")){
          $("#zshao").show(); 
          $(this).val("隐藏");
         }else{ 
          $("#zshao").hide(); 
          $(this).val("显示");
        }
    });
        
});
</script>

<button id="btn" >显示或隐藏</button>

<div style="display:none"  id="zshao">
 
 
 www.zshao.vip永远的神

</div>


上一篇:js代码|自动弹出一个窗口

下一篇:js代码|指定时间执行任务

网友评论