零基础建站培训教程介绍

当前位置:

jquery实现点击按钮显示和隐藏内容

我们做网站时,由于网站版面的高度限制,需要某些版块内容默认隐藏,当点击某个按钮时,才全部显示出来。怎么做这样的点击按钮显示和隐藏内容功能呢?这需要使用jquery。

代码如下:


<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

<script>

$(".btn").click(

function(){

$(".divbox").slideToggle();

});

</script>

代码解释:

.btn是点击按钮的class类,可以改成自己的class名;
.divbox是需要显示/隐藏的DIV的class名。

如何使用:

很简单,将以上的代码放到自己做网站底部</body>标签上面,将里面的class名改成自己网站的类名。

发表评论

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