如何让 js 折叠菜单默认展开状态

最近在通过 shopify 建独立站，涉及到修复模板，本人只会简单的 html+css，不懂 js，在网上找了一段折叠菜单的代码，现在想让第一个菜单默认展开状态，应该如何实现呢？求大佬赐教！谢谢！

对应的 html 代码

<div class="mobile_tabs"> <dl class="productnav_list_dl"> <dt class="productnav_list_dt"> <p>description</p> <i class="productnav_list_dt_icon"></i> </dt> <dd class="productnav_list_dd"> <div class="product-single__description rte" itemprop="description"> {{ product.description }} </div> </dd> <dt class="productnav_list_dt"> <p>Shipping & Returns</p> <i class="productnav_list_dt_icon"></i> </dt> <dd class="productnav_list_dd"> <p>{{ pages.shipping-returns.content }}</p> </dd> <dt class="productnav_list_dt"> <p>Review (<span class="ryviu-show-number"></span>)</p> <i class="productnav_list_dt_icon"></i> </dt> <dd class="productnav_list_dd"> <div class="ryviu-show-reviews" product-handle="{{product.handle}}">{{product.metafields.ryviu.reviews}}</div> </dd> </dl> </div> 下面对应的 js 代码 ------------------------------------------------------------------------------ $(".productnav_list_dt").on("click",function () { $('.productnav_list_dd').stop(); $(this).siblings("dt").removeAttr("id"); if($(this).attr("id")=="productnav_open"){ $(this).removeAttr("id").siblings("dd").slideUp(); }else{ $(this).attr("id","productnav_open").next().slideDown().siblings("dd").slideUp(); } });