javascript - Jquery Accordion 不折叠

标签 javascript jquery html css

所以我正忙着为我的客户使用 Jquery Accordion 创建新闻稿文件。每个月本质上都是 Accordion (因此月份本身是可扩展和可折叠的),每篇文章也是如此。我的第一个月(1 月)工作正常,但出于某种原因,其他月份都没有按预期工作。其他“月份”可以展开和折叠,但他们的文章不能。我曾无数次尝试修改 Javascript,但无济于事。

这是测试站点的链接: http://promisedev.co.za/eam/gt/

如果有人有任何建议或建议,我们将不胜感激!

最佳答案

我认为问题出在您的 jquery.akordeon.js 文件上。您可以删除此文件并使用此 JQuery 代码。我编辑了你的代码,你可以使用这个:

jsFiddle is here

$(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();

    });   
});

关于javascript - Jquery Accordion 不折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19445938/

相关文章:

html - css伪类上的悬停状态

javascript - 使用 javascript 正则表达式链接多个没有空格的主题标签

jquery - 分配给变量的名称属性的按键事件处理程序

html - 如何传输 ImageButton 下方的标题

javascript - AJAX/jQuery 表单提交 shoutbox

javascript - 我想在一个 div 中居中放置两个按钮

javascript - 在相对于页面的固定 div 内滚动内容

javascript - yii2 Summernote 小部件向工具栏添加新按钮

php - 将 JSON 转换为多维 JavaScript 数组

javascript - ES6 对象方法分配 : a, 'a' 和 ['a' 之间的区别]?