文档章节

菜单折叠--siblings() slideDown

陈爱茹cx1992
 陈爱茹cx1992
发布于 2016/07/26 17:36
字数 256
阅读 10
收藏 0
点赞 0
评论 0
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单折叠</title>
</head>
<body>
<div id="zd">全部折叠</div><div id="zk">全部展开</div>
  <div class="w"><h2>Hello</h2>
  <span>HHHHHHHH</span>
  <div>HHHHHHHH</div>
  <div>HHHHHHHH</div>
  </div>
  <div class="w"><h2>Hello Again</h2>
  <div>DDDD</div>
  <div>DDDD</div>
  <div>DDDD</div>
  </div>
  <div><h2>And Again</h2></div>
  <div>siblings() 是选择同辈元素,$("h2").siblings()是和h2同级的元素</div>
  <div>slideDown() 通过使用滑动效果,显示隐藏的被选元素。(down 放下,也就是展开)</div>
  <div>slideUp() 通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。(up 折叠起来,也就是隐藏起来的意思)</div>

<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script type="text/javascript">
$(function(){
  $('h2').bind('click',function(){
$this = $(this);
if($this.siblings().is(':hidden')){
 $this.siblings().slideDown('nomal');
}else if($this.siblings().is(':visible')){
 $this.siblings().slideUp('normal');
}
});

$("#zd").click(function(){
$("h2").siblings().slideUp('normal');
});
$("#zk").click(function(){
$("h2").siblings().slideDown('normal');
});
});
</script>
</body>
</html>

本文转载自:http://blog.csdn.net/ruru7989/article/details/10430535

共有 人打赏支持
陈爱茹cx1992
粉丝 0
博文 59
码字总数 0
作品 0
济南
程序员
jquery实现类似以前凡客诚品右侧图文切换结合效果

终于公司的新闻发布会弄好了,据说反响不错,70多家媒体,排场蛮大的。 现在又得重新回到开发中,新版的商城需要改版,已经实现各大版块的,样式结构,浏览器兼容已经搞定,虽然有纠结的IE6...

天外飘雪 ⋅ 2012/09/29 ⋅ 0

Jquery 手风琴菜单

布雷泽 ⋅ 2011/06/16 ⋅ 0

05-老马jQuery教程-动画

前言 jQuery的动画系统做的非常出色,而且把最常用的显示、隐藏、淡入淡出、滑动显示和折叠凳效果都做了很好的封装。跟jQuery的选择器和事件配合起来,可以实现很多很绚的效果,而且简单易用...

aicoder ⋅ 2017/12/05 ⋅ 0

二维码弹出叠加效果

主要是利用事件,进行元素和边界判定,从而自动弹出或隐藏二维码。 HTML结构如下: CSS定义如下: 架子已搭好,可以绑定鼠标事件了:

一点灵犀 ⋅ 2016/07/12 ⋅ 0

菜鸟问个简单的JQUERY的问题

使用JQUERY做导航菜单 鼠标滑过 显示下拉菜单 用什么方法啊 我用slideDown 显得不自然啊 不流畅

心有猛虎在细嗅蔷薇 ⋅ 2012/03/29 ⋅ 2

[APP]- 找回Xcode7的代码折叠功能

原 找回Xcode7的代码折叠功能 升级到Xcode7后,会发现代码折叠功能不见了,这是怎么回事? 其实这个功能还在的,只是苹果默认把这个功能禁掉了:在Xcode菜单里选择Preference——Text Editin...

XJDomain ⋅ 2016/09/25 ⋅ 0

Extjs Toolbar事件关联

我想点击上面Toolbar工具的任何一个按钮,然后显示折叠菜单中对应的信息 比如我选择了 Toolbar的刑勘侦查 那么在下面的折叠菜单中显示详细的折叠菜单内容

no_smoking ⋅ 2012/05/02 ⋅ 0

关于bootstrap的Collapse组件问题

collapse 这个组件阿,我写了三组折叠菜单出来,可以实现点击折叠和展开,但是我想的要效果是,一次点击只显示一组菜单 。比如我有ABC,三组菜单 ,我点A的时候,A下面的内容展开,我再点B时,...

花果山摸鱼高手 ⋅ 2015/11/16 ⋅ 1

找回Xcode7的代码折叠功能

升级到Xcode7后,会发现代码折叠功能不见了,这是怎么回事? 其实这个功能还在的,只是苹果默认把这个功能禁掉了:在Xcode菜单里选择Preference——Text Editing,你会发现里面有一个“code ...

yoyoso ⋅ 2015/11/04 ⋅ 0

超炫酷纯CSS3 3D折叠二级下拉菜单

超炫酷纯CSS3 3D折叠二级下拉菜单 HTML5资源教程2017-12-210 阅读 css3下拉菜单3d 这是一款外观非常炫酷的CSS3 3D下拉菜单,它的特点是主菜单的背景和页面背景非常融合,看上去就像菜单嵌入在...

HTML5资源教程 ⋅ 2017/12/21 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Hive函数

1.函数explode (一转多) create table hive_wc(sentence string); load data local inpath '/home/hadoop/data/hive-wc.txt' into table hive_wc; 结果: hive > select * from hive_wc; ......

GordonNemo ⋅ 28分钟前 ⋅ 0

PE格式第三讲扩展,VA,RVA,FA的概念

作者:IBinary 出处:http://www.cnblogs.com/iBinary/ 版权所有,欢迎保留原文链接进行转载:) 一丶VA概念 VA (virtual Address) 虚拟地址的意思 ,比如随便打开一个PE,找下它的虚拟地址 这边...

simpower ⋅ 45分钟前 ⋅ 0

使用Java connector消费ABAP系统的函数

Java Connector(JCO)环境的搭建:Step by step to download and configure JCO in your laptop 我的ABAP系统有个函数名叫ZDIS_GET_UPSELL_MATERIALS,输入一个customer ID和product ID,会输......

JerryWang_SAP ⋅ 51分钟前 ⋅ 0

IDEA提示编码速度

焦点移动 将焦点冲代码编辑窗口移动到菜单栏:Alt+菜单栏带下划线字母 将焦点从工具窗口移动到代码编辑窗口 Esc或Shift+Esc 将焦点从代码编辑移动到最近使用的工具窗口 F12 模板提示 Ctrl+J...

bithup ⋅ 今天 ⋅ 0

180623-SpringBoot之logback配置文件

SpringBoot配置logback 项目的日志配置属于比较常见的case了,之前接触和使用的都是Spring结合xml的方式,引入几个依赖,然后写个 logback.xml 配置文件即可,那么在SpringBoot中可以怎么做?...

小灰灰Blog ⋅ 今天 ⋅ 0

冒泡排序

原理:比较两个相邻的元素,将值大的元素交换至右端。 思路:依次比较相邻的两个数,将小数放在前面,大数放在后面。即在第一趟:首先比较第1个和第2个数,将小数放前,大数放后。然后比较第...

人觉非常君 ⋅ 今天 ⋅ 0

Vagrant setup

安装软件 brew cask install virtualboxbrew cask install vagrant 创建project mkdir -p mst/vmcd mst/vmvagrant init hashicorp/precise64vagrant up hashicorp/precise64是一个box......

遥借东风 ⋅ 今天 ⋅ 0

python3.6 安装pyhook_3

我的是在win下的,忙了半天老是安装不了, pip install 也不行。 那么可以看出自己的版本是32bit 一脸懵逼 没办法 只好下载32版本的来安装 我一直以为 是 对应32 位的 。 下面是 小例子 http...

之渊 ⋅ 今天 ⋅ 0

004、location正则表达式

1、location的作用 location指令的作用是根据用户请求的URI来执行不同的应用,也就是根据用户请求的网站URL进行匹配,匹配成功即进行相关的操作。 2、location的语法 = 开头表示精确匹配 ^~...

北岩 ⋅ 今天 ⋅ 0

CentOS7 静默安装 Oracle 12c

环境 CentOS7.5 最小安装 数据库软件 linuxx64_12201_database.zip 操作系统配置 关闭 SELinux sed -i '/^SELINUX=/cSELINUX=disabled' /etc/selinux/config 关闭防火墙 systemctl disable ......

Colben ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部