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

Question

我有類「隱藏」一個div如下：

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

我GOOGLE了這一點，看着jQuery的文檔（淡入），但不知道這是什麼元素實現淡入效果最好的方式（這使用Foundation 6的可見性類'h​​ide'）。

我想一個方法是調用以下程序：

$('.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);