在页面加载时打开手风琴中的第一项

Question

我的站点中有一个带有手风琴的边栏过滤器 headers。我希望能够始终打开（/展开）第一个项目，并可以选择对第二个项目执行相同的操作。

这是 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>

这里是 link： https://www.zoobgear.com/collections/punching-bags

（试图使类别项目始终打开）

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

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

Answer 1

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

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

在页面加载时打开手风琴中的第一项

Open first item in accordion on page load

javascript

jquery

accordion

shopify