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

2023年7月14日 218次阅读

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

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

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

有什么建议？也许改变脚本会做到这一点……？

非常感谢任何建议！

最佳答案 如果您可以访问accordion插件,那么您可以根据使用的插件对其进行修改以扩展页面加载的任何选项.

如果您需要任何jQuery脚本以扩展形式打开类别菜单,可以使用以下代码完成.

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