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

【问题标题】：Open first item in accordion on page load在页面加载时打开手风琴中的第一个项目
【发布时间】：2016-03-22 00:51:21
【问题描述】：

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

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

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

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

非常感谢您的建议！！！

【问题讨论】：

标签： javascript jquery accordion shopify

【解决方案1】：

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

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

【讨论】：