Jquery手风琴不崩溃
Jquery accordion not collapsing
所以我忙于为我的客户使用 Jquery 手风琴创建时事通讯存档.每个月本质上都是一个手风琴(所以月份本身是可扩展和可折叠的),每篇文章也是如此。我的第一个月(一月)工作正常,但由于某种原因,其他月份都没有按预期工作。其他"月"可以扩展和折叠,但不能折叠它们的文章。我曾无数次尝试修改Javascript,但无济于事。
这是测试站点的链接:http://promisedev.co.za/eam/gt/
如果有人有任何建议或建议,将不胜感激!
我认为问题出在您的jquery.akordeon.js
文件上。 您可以删除此文件并使用此 JQuery 代码。我编辑了你的代码,你可以使用它:
jsFiddle 在这里
$(document).ready(function(){
//Hide the tooglebox when page load
$(".togglebox").hide();
$(".togglebox:first").show();
$(".akordeon-item-head").next(".akordeon-item-body").hide();
//slide up and down when click over heading 2
$("h1").click(function(){
// slide toggle effect set to slow you can set it to fast too.
$(this).next(".togglebox").slideToggle("slow");
return true;
});
/* here is the new Codes*/
$(".akordeon-item-head").click(function(){
$(this).next(".akordeon-item-body").slideToggle();
});
});
您所
要做的就是删除内联样式,例如height: 154px
和height: 0
,并在本地/外部css中设置高度:
<style>
.akordeon-item-body { height: 154px; }
</style>
我不得不在某个网站上使用手风琴机制,最后我自己编码
小提琴测试用例<这里>这里>
>重要的部分是存储最后滑动的元素
$("#commonAncestor").on('click', function (e) {
var $me = $(this),
$clicked = $(e.target).closest('.clickableArea', this),
$lastClicked = $me.data('active') || $([]),
...
});
相关文章:
- 手风琴可点击并悬停
- 响应动画手风琴不工作
- location.reload(true)崩溃浏览器选项卡
- 引导程序崩溃一次只能看到一个
- Grunt构建导致Angular应用程序在dist上崩溃
- jquery扩展了崩溃效率
- 如何只使用特定的表行构建简单的手风琴
- JQuery-停止手风琴链接关闭所有选项卡
- 如何设置第一个手风琴面板关闭
- 获得多个手风琴部分以保持开放
- 为什么这个For循环会使浏览器实验室崩溃
- 引导崩溃具有快照抖动
- 手风琴菜单打开和关闭
- 引导程序导航栏崩溃问题
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- 在for循环中仅创建手风琴的内容
- jQuery Mobile点击数据崩溃
- 脸书's的inApp浏览器在尝试上传表单中的照片时崩溃
- Jquery手风琴不崩溃
- 引导手风琴防止在asp.net中回发时崩溃