jQuery手风琴的简单制作

首先我们先来做一个简单的jQuery的效果图，具体内容如下

钢性铸铁代码如下：

样式类型=' text/CSS '媒体=' screen ' * { margin 3360 0；padd : 0；} ul，Li { list-style : none } ul { width : 300 px；背景：黄色；余量： 50px自动；} ulli {行高： 50px文本对齐：中心；边框-底部： 1px实心# CCC } ulliol { background : blue display :无；} ulli oli {行高： 50px}/styleHTML代码如下：

ul id='ul' li pjquery的核心函数/p ol Lijquery([选择器、[上下文]])/li lijQuery(html、[ownerDoc])1.8/li lijQuery(回调)/li lijQuery.holdReady(保持)1.6/Li/ol/Li pjQuery的效果/p ol lihide显示和隐藏/李莉利多镇只对高度有效/力帆淡入效果/Li LIslidetogle淡入和淡出效果/li /ol /li li pjQuery的属性/p ol liattr设置或返回的元素/li liremoveAttr从每个元素中删除一个元素/li liprop获取第一个元素的属性/李莉电动道具()方法设置属性集/li /ol /li li pjQuery的事件/p ol lioff在元素上移除多个事件的处理函数/li libind为每个元素绑定事件处理函数/李莉为每个匹配元素绑定一次性处理函数/李莉装配工在每个匹配的元素上触发某类事件/li /ol /li/uljQuery代码如下：

脚本src=' http : jquery。量滴js ' type=' text/JavaScript ' charset=' utf-8 '/script script type=' text/JavaScript ' $(' # ullip ').单击(function(){ $(this)).nextAll().向下滑动()。end().父项()。兄弟姐妹()。儿童(' ol ').hide()；});/script效果图如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。