当前位置: 代码迷 >> 综合 >> slideToggle()和toggleClass()的用法
  详细解决方案

slideToggle()和toggleClass()的用法

热度:96   发布时间:2023-12-08 20:32:37.0

slideToggle()通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。对应slideUp()和slideDown()
注意:在使用slideToggle()进行显隐内容时,在响应式页面下,切记不要在前面添加.stop()如:

$(this).stop().slideToggle();

在内容即将显示或隐藏时继续点击,会出现如下情况,当屏幕变大或缩小,页面内容高度应有所变化时,这个值会一直保持不变。
这里写图片描述

toggleClass()如果存在(不存在)就删除(添加)一个类。对应addClass()和removeClass()。

$(".share-icon").click(function () {
    $(this).toggleClass("open");$(this).next('.slide-step').slideToggle();$('.share-details').toggleClass('slide');
});