如何在 Foundation 6 中淡入包含 class 'hide' 的元素？

Question

我有一个 div 和 class 'hide' 如下：

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

我用谷歌搜索并查看了 jQuery 文档 (fadeIn)，但想知道在这个元素上实现 fadeIn 效果的最佳方法是什么（它使用 Foundation 6 的可见性 class of 'hide').

我在想一种方法是调用以下过程：

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

这似乎可行，但不是一种非常优雅的实现方式。还有更好的方法吗？

Answer 1

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

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