最近在通过 shopify 建独立站,涉及到修复模板,本人只会简单的 html+css,不懂 js,在网上找了一段折叠菜单的代码,现在想让第一个菜单默认展开状态,应该如何实现呢?求大佬赐教!谢谢!
<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();
}
});
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.