jQuery滑动效果(点击展开div面板,当点击其他时当前div面板展开同时上一个div面板隐藏)

slideUp() 方法:通过使用滑动效果,隐藏被选元素。

slideDown() 方法:通过使用滑动效果,显示隐藏的被选元素。

children() 方法:返回被选元素的所有直接子元素。

next() 方法:获得匹配元素集合中每个元素紧邻的同胞元素。

parent() 方法:获得当前匹配元素集合中每个元素的父元素。

siblings()方法: 获得匹配集合中每个元素的同胞。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>





Insert title here




	

效果图:(滑动效果得自己运行此代码)

jQuery滑动效果(点击展开div面板,当点击其他时当前div面板展开同时上一个div面板隐藏)_第1张图片

点击“点击展开div内容01”时:

jQuery滑动效果(点击展开div面板,当点击其他时当前div面板展开同时上一个div面板隐藏)_第2张图片

点击“点击展开div内容02”时:

jQuery滑动效果(点击展开div面板,当点击其他时当前div面板展开同时上一个div面板隐藏)_第3张图片

你可能感兴趣的:(jQuery)