用jq做的一个简单的折叠效果

时间:2010年05月12日作者:愚人码头查看次数:4,714 views评论次数:4

今天看到了一个简单的折叠效果:http://www.sohtanaka.com/web-design/examples/accordion/

不过个人认为这个demo还有一点瑕疵,就是当该项已经展示的时侯,再次点击该项,那么该项应该关闭;所以做了个简单的demo。

查看demo:http://www.css88.com/demo/accordion/

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《用jq做的一个简单的折叠效果

如果你读了我的文章,觉得有帮助: 说明
标签:,分类:JS
3条评论
  1. robertsky留言于:2010年05月12日16:38

    你做的Demo很不错,不知道你是如何实现的,我认为原始的那段代码要难一点,需要加一些判断,判断当前tab是否展开,如果展开就不要slideUp();
    你的Demo应该只用toggle()函数就可以搞定,并且每次点击一个tab时,让他的siblings全部slideUp就可以了。

    [回复]

  2. 青色留言于:2010年05月12日23:04

    也不能说是瑕疵吧,要看用在什么地方。如果应用到网页中,全部都缩起来了就会有一块大大的空白,影响美观。

    [回复]

  3. redky留言于:2010年05月13日10:21

    同样也存在这样一个问题:
    不能保证它的高度总是一致(假如总是有一个打开).即在点击过程中会有一点点颤抖.

    [回复]

发表评论

*

*