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

时间:2016-03-22 00:51:21

标签: javascript jquery accordion shopify

我的网站中有一个带有手风琴标题的侧边栏过滤器。我希望能够让第一个项目始终打开(/展开),并选择与第二个项目相同。

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

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

有什么建议吗?也许改变剧本就可以做到这一点......?

非常感谢任何建议!

1 个答案:

答案 0 :(得分:2)

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

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