如何让 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();
        }
    });