首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用Javascript或Jquery在页面加载(Wordpress)时关闭accordion?

在页面加载时关闭accordion,可以使用JavaScript或jQuery来实现。下面是使用JavaScript和jQuery分别实现的方法:

使用JavaScript实现:

  1. 首先,确保你的页面中已经引入了jQuery库。
  2. 在页面加载完成时,通过JavaScript代码获取到accordion的元素。
  3. 使用JavaScript的classList属性,移除accordion元素的展开类名,以关闭accordion。

以下是示例代码:

代码语言:txt
复制
document.addEventListener("DOMContentLoaded", function() {
  var accordion = document.getElementById("your-accordion-id");
  accordion.classList.remove("expanded-class");
});

请将代码中的"your-accordion-id"替换为你实际使用的accordion元素的ID,"expanded-class"替换为accordion元素展开时的类名。

使用jQuery实现:

  1. 确保你的页面中已经引入了jQuery库。
  2. 在页面加载完成时,通过jQuery选择器获取到accordion的元素。
  3. 使用jQuery的removeClass()方法,移除accordion元素的展开类名,以关闭accordion。

以下是示例代码:

代码语言:txt
复制
$(document).ready(function() {
  $("#your-accordion-id").removeClass("expanded-class");
});

请将代码中的"your-accordion-id"替换为你实际使用的accordion元素的ID,"expanded-class"替换为accordion元素展开时的类名。

以上是使用JavaScript和jQuery在页面加载时关闭accordion的方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券