slideToggle()和toggleClass()的用法

　

slidetoggle

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');
});

相关阅读