jquery页面隐藏和展开之间切换

html页面：

 <p id="myp4">默认情况下，这段话是隐藏的，点击按钮以后，这段话就展开，并且按钮上的值改变</p><button id="b6" >展开</button>

js页面:

 1 $(document).ready(function () {
 2     $("#b6").click(function () {
 3         $("#myp4").toggle();
 4         var top = document.getElementById("myp4");
 5         if (top.style.display == "none") {
 6             $("#b6").text("展开");
 7         } else {
 8             $("#b6").text("隐藏");
 9         }
10
11        })
12 })

通过判断id为myp4的元素的display属性document.getElementById("myp4").style.display ，来设置按钮上的值。

转载于:https://www.cnblogs.com/alisayuan/p/4737219.html

jquery页面隐藏和展开之间切换相关推荐

jQuery页面滚动右侧浮动导航切换
体验效果: http://hovertree.com/texiao/jquery/49/ 效果图: 代码如下: <!DOCTYPE html> <html> <head& ...
jquery显示隐藏切换_jQuery显示，隐藏，切换
jquery显示隐藏切换 Earlier we looked into how we can use jQuery get attribute, today we will look into thr ...
jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画
jQuery效果隐藏.显示.切换.滑动.淡入淡出.以及动画1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示toggle()方法:可以使用它来切换hide ...
jQuery前端开发学习指南(18)——利用jQuery实现元素的隐藏、显示和切换及其动画效果
版权声明本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl 概述在jQuery框架中可便捷地以动画形式隐藏和显示以及切换元素,常用方式有如下三种:默认方 ...
js隐藏html页面元素高度,如何使用jQuery获取隐藏元素的高度？
HTML元素可以在jquery hide()函数的帮助下隐藏,或者也可以通过在css中使设置visibility:hidden来轻松隐藏.那么如何使用jquery找到这个隐藏元素的高度?下面本篇文章就 ...
[转]如果我有jQuery背景，我应该如何切换到AngularJS的思维模式？
导言 stackoverflow上有一个人问了一个问题:如果我有jQuery背景,我应该如何切换到AngularJS的思维模式? 有一个回复非常经典,获得了两千多票. 为了让国内开发者也能领略到其中的 ...
jQuery快速入门（淘宝切换服饰、王者荣耀手风琴效果）
一.什么是jQuery jQuery 是一个快速.简洁的 JavaScript 库,其设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情. 二. ...
html 传参数菜单自动展开,【HTML5】Jquery打造竖向伸缩/展开菜单
该楼层疑似违规已被系统折叠隐藏此楼查看此楼效果图如下: jquery打造竖向伸缩/展开菜单 body { font-family: Arial; font-size: 16px; } dl { w ...
jquery页面滚动显示浮动菜单栏锚点定位效果
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <metahttp-equiv="Content-Type"c ...

jquery页面隐藏和展开之间切换

jquery页面隐藏和展开之间切换相关推荐

最新文章

热门文章