【问题标题】:Smoother accordion show/hide更流畅的手风琴显示/隐藏
【发布时间】:2013-07-22 08:08:14
【问题描述】:

我正在开发一个项目,使用 Twitter Bootstrap 作为它的基础(好的,以及 CodeIgniter),并且我遇到了嵌套手风琴的问题(每个主要手风琴条目都包含大量数据)。

这是页面:(用户名:peraspera,密码:adastra

http://patternz.drkameleon.com/project/results/823990/3/extended

(请查看“结果”选项卡,这是嵌套手风琴所在的位置)


我可以做些什么来让整个事情变得更顺利?有什么想法吗?

P.S.我已经禁用了动画,这似乎没有多大帮助(特别是考虑到手风琴内的数据可能比目前更多)

【问题讨论】:

  • @DavidNormington 我已经在原帖中包含了用户名和密码(用户名:“peraspera”,密码:“adastra”)
  • 也许张贴处理手风琴动画的代码?
  • @RomainBraun 我没有写任何关于动画或手风琴的文章。我使用的是 Twitter Bootstrap 中的默认手风琴控件,仅此而已。
  • 好吧,我误会了。不用大喊大叫。
  • @RomainBraun 不要大喊大叫,只是...强调... :-)

标签: php jquery html css twitter-bootstrap


【解决方案1】:

如果您可以访问手风琴的 CSS,请使用 CSS3 过渡功能:http://www.w3.org/TR/css3-transitions/

-moz-transition : height 1s;
-webkit-transition : height 1s;
-o-transition : height 1s;
transition : height 1s;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-10-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-28
    • 1970-01-01
    相关资源
    最近更新 更多