所以我忙着为我的客户使用Jquery手风琴创建一个时事通讯档案。每个月本质上都是手风琴(因此月份本身是可扩展和可折叠的)和每篇文章。我的第一个月(1月)工作正常,但出于某种原因,其他人都没有按预期工作。其他“月”可以扩展和崩溃,但不是他们的文章。我曾尝试无数次修改Javascript但无济于事。
以下是测试网站的链接: http://promisedev.co.za/eam/gt/
如果有人有任何建议或意见,我们将不胜感激!
答案 0 :(得分:0)
我认为问题出在您的jquery.akordeon.js
文件中。您可以删除此文件并使用此JQuery代码。我编辑了你可以使用的代码:
$(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();
});
});
答案 1 :(得分:0)
您要做的就是删除内联样式,例如height: 154px
和height: 0
,并在本地/外部css中设置高度:
<style>
.akordeon-item-body { height: 154px; }
</style>
答案 2 :(得分:0)
我不得不在某个网站上使用accordeon机制,最后在我自己的
上编码小提琴测试用例&lt; HERE&gt;
重要的部分是存储最后的滑动元素
$("#commonAncestor").on('click', function (e) {
var $me = $(this),
$clicked = $(e.target).closest('.clickableArea', this),
$lastClicked = $me.data('active') || $([]),
...
});