javascript - 在页面加载时打开 Accordion 中的第一项

Question

我的站点中有一个带有 Accordion 式标题的边栏过滤器。我希望能够始终打开(/展开)第一个项目，并可以选择对第二个项目执行相同的操作。

这是 js:(它是来自名为 Power Tools 的 shopify 应用程序的脚本)

<script type="text/javascript">
  $(function(){
    $('.filter-menu h4').on('click', function(e){
        $(this).closest('.filter-group').not('.has_group_selected, .refine-header').toggleClass('expanded').find('ul,.filter-clear').toggle('fast');
        e.preventDefault();
    })
  });
</script>

这是一个链接: https://www.zoobgear.com/collections/punching-bags

(试图使类别项始终打开)

有什么建议吗？也许改变脚本就可以解决问题...？

非常感谢您的任何建议!!!

Answer 1

如果您有权访问 Accordion 插件，那么您可以对其进行修改，以根据使用的插件扩展页面加载的任何选项。如果您需要任何 jQuery 脚本以展开形式打开类别菜单，这可以通过使用以下代码来完成。

$('.filter-group-category').find('h4').trigger('click');