<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript" src="http://www.tingdong.cn/public/js/jquery.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function (){
$("[id^='ds']").each(function(){
var s = "s" + this.id.replace("ds","");
$(this).toggle(function(){
$("#"+s).show();
$(this).html("隐藏>>");
},function(){
$("#"+s).hide();
$(this).html("展开>>");
});
});
})
</script>
<body>
<div id="ds1">展开>></div>
<span style="display:none" id="s1">111111</span>
<div id="ds2">展开>></div>
<span style="display:none" id="s2">222222</span>
<div id="ds3">展开>></div>
<span style="display:none" id="s3">333333</span>
</body>
</html>
Jquery实现点击展开隐藏效果
原创
©著作权归作者所有:来自51CTO博客作者frankie810922的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:我的友情链接
![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的CSS - 汉堡菜单按钮
用 css 实现汉堡菜单图标与关闭图标过渡动画交互效果。
css 汉堡图标 动画 ux 交互体验 -
jQuery实现点击按钮展开和收起
html css js 效果; 2017-11-02 09:56:57
js/jquery 网站特效 ide html css javascript -
android 弧形弹出按钮菜单 android按钮圆角点击效果
今天做了个按钮,不想麻烦美工做图片,又不喜欢方角的图片,就用xml做了圆角的图片,做好之后发现,点击的时候看不出点击效果了,xml可以定义点击效果,就想怎么能两个一起实现,网上找了下大致看了一遍都不是我想要的,就慢慢的试了试,结果两者一结合就OK了。 1 <Button 2 android:id="@+id/repeat" 3 andro
android 弧形弹出按钮菜单 android 按钮背景 圆角+点击效果 android xml 圆角