实时监测jquery slidetoggle() 的展开/折叠状态
$.slideToggle() 方法本身无法直接提供实时展开/折叠状态。本文介绍一种巧妙的方法来解决这个问题。
核心思路：
利用 CSS 类名作为状态标识。当元素展开时，添加特定类名；折叠时，移除该类名。
代码实现：
<code class="javascript">let statusClass = "expanded"; // 定义状态类名
$(".menu-parent").click(function() {
const $ul = $(this).next("ul");
$ul.slideToggle();
if ($ul.hasClass(statusClass)) {
$ul.removeClass(statusClass);
console.log("折叠");
} else {
$ul.addClass(statusClass);
console.log("展开");
}
});</code>使用方法示例：
点击以上链接，将触发相邻 <ul></ul> 元素的 slideToggle() 动画，并通过检查 expanded 类名来实时打印展开或折叠状态到控制台。 此方法简洁高效，避免了不必要的复杂逻辑。
以上就是jQuery slideToggle() 如何实时判断展开或折叠状态？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
432
收藏
