我们需要创建一个FAQ页面,要求点击标题才能打开答案。
jQuery Accordion立刻想到了,我花了最近几天的时间来尝试使用我们的代码。
简而言之,它不能(至少不容易),因为从1.7.1迁移我们的jquery版本会导致我们的其他控件中断。
我们所有的控件都来自模板,如下所示:
<?php include(SITE_ROOT.'lib/templates/masterPage.php'); ?>
我可以修改masterPage.php
以使用最新的jquery,但是我们需要停止我们所有的软件部门花费接下来几个月的回归测试。该公司尚未做好准备。
我已经让Accordion使用1.8.3及更高版本(参见fiddle,但我们现在已经锁定在1.7.1。
除了最新的jQuery之外,还有什么东西可以用来创建这个效果吗?
HTML5中有什么内容吗?我可以用它。
答案 0 :(得分:2)
您可以使用HTML 5和CSS3创建手风琴,请参阅http://www.expression-web-tutorial.com/accordion-menu-tutorial.html
答案 1 :(得分:2)
这是一款非常好的手风琴,只有简单的CSS3,但如果你支持低于9的IE,它将没有用,因为它使用伪类。
http://tympanus.net/codrops/2012/02/21/accordion-with-css3/
还有另外一个,我记得在一年前我做的项目中适应了我的需求。
http://thecodeplayer.com/walkthrough/vertical-accordion-menu-using-jquery-css3
再次,CSS3,IE将导致问题。
答案 2 :(得分:1)
你可以尝试另外一个手风琴插件,其中2个与最好的两个前端框架捆绑在一起
我相信基础4可能与您的jQuery版本兼容
http://foundation.zurb.com/develop/download-f4.html http://foundation.zurb.com/docs/components/accordion.html
或
Bootstrap也应该有用。
http://blog.getbootstrap.com/2013/05/17/bootstrap-2-3-2-released/ http://getbootstrap.com/2.3.2/javascript.html#collapse
^^^这是bootstrap的旧版本,最新版本也可兼容。可能值得一试,如果你沿着这条路走下去,就像你想要最新的稳定版一样。
我喜欢以英里为单位的基础
基金会似乎没有提到任何特定版本的jQuery是必需的,似乎有人使用zurb foundation 5和jquery 1.1 .....你可以使用自定义选项卡选择手风琴{{3 }}