最近在通过 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();
}
});
1
moonshow OP 有做跨境电商,外贸独立站的朋友可以交流下哈
|
2
zbinlin 2019-03-17 23:12:49 +08:00
在后面加上 `$(".productnav_open:first").click();`
|
3
moonshow OP @zbinlin
感谢回复,加了没效果,是不是我代码放的位置不对? $(".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(); } }); $(".productnav_open:first").click(); |
4
zbinlin 2019-03-18 09:27:08 +08:00 1
抱歉,写错了,应该是 $(".productnav_list_dt:first").click()
|