小灰博客--小灰IT技术博客 | sky00.com

点击出现下拉页面可以收缩的方法

有时候我们需要点击一个文字或者图片的时候出现一个下拉的页面,再点击就会收缩回去,比如需要一个隐藏的表单,点击某处才出来的时候,今天分享下这个相关代码!做之前需要加载一个jquery,(点击下载)

1
2
3
4
5
6
7
8
9
10
11
12
13
<script src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
       $(document).ready(function(){
$("#ljhinput").click(function(){
    $("#leoinput").slideToggle("slow");
  });
});  
</script>

<div id="ljhinput"></div> <!--这个是需要点击的div,如果里面是图片或者文字,就把id写图片和文字上-->


<div id="leoinput" style="display: none;"><!--这个是点击后出现的DIV页面,刚进来是需要隐藏起来的,所以写了个style-->

这样就实现了点击后上下收缩的网页!


如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:

一条评论

  1. oesell说道:

    不错的文章, http://www.oesell.com苏州办公设备网



回复 oesell 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注

分类

最新评论