如何淡入包含类的元素'隐藏'在基础6中

How to fade in element containing class 'hide' in Foundation 6?

本文关键字：隐藏 元素 何淡入 淡入 包含类      更新时间：2023-09-26

我有一个类为"hide"的div，如下所示：

<div class="form-group hide field-contactform-phone_no">

我在谷歌上搜索了这个，并查看了jQuery文档（fadeIn），但想知道在这个元素上实现fadeIn效果的最佳方式是什么（它使用了Foundation6的可见性类"hide"）。

我认为一种方法是调用以下程序：

$('.field-contactform-phone_no').hide()
$('.field-contactform-phone_no').removeClass('hide')
$('.field-contactform-phone_no').fadeIn(1000);

这看起来确实有效，但不是一种很优雅的方式。有更好的方法吗？

您可以在jQuery中链接方法。在处理网站效果时，这样做通常是非常必要的。

$('.field-contactform-phone_no').hide().removeClass('hide').fadeIn(1000);
相关文章：