简单fadeinjquery

我正试图用jQuery制作一个简单的淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡

$（“h1”）。追加（这是新的。
”；
//在元素最初隐藏的情况下，我们可以缓慢地显示它：
$（“#单击我”）。单击（函数（）{
$（“#square”）.fadeIn（“慢”，函数（）{
//动画完成
});
});

点击我
如果正方形已经褪色，你怎么能
fadeIn
呢？

当正方形不可见时使用FadeIn，当正方形可见时使用FadeOut

在本例中，正方形为
display:none
，当“单击我”时，正方形为fadeIn


$（“h1”）。追加（这是新的。
”；
//在元素最初隐藏的情况下，我们可以缓慢地显示它：
$（“#单击我”）。单击（函数（）{
$（“#square”）.fadeIn（“慢”，函数（）{
//动画完成
});
});

点击我
对于
#正方形
您应该从
显示：无开始，然后您可以
fadeIn


$（“h1”）。追加（这是新的。
”；
//在元素最初隐藏的情况下，我们可以缓慢地显示它：
$（“#单击我”）。单击（函数（）{
$（“#square”）.fadeIn（“慢”，函数（）{
//动画完成
});
});
#方形{显示：无}

点击我
只有fadeIn元素不可见。请看下面的脚本


$（“h1”）。追加（这是新的。
”；
//在元素最初隐藏的情况下，我们可以缓慢地显示它：
$（“#单击我”）。单击（函数（）{
$element=$（“#平方”）；
如果（$element.is（':visible'））{
//如果已经可见，则隐藏。
$element.fadeOut（“slow”，function（）{}）；
}否则{
//如果尚未显示，则显示。
$element.fadeIn（“slow”，function（）{}）；
}
});

点击我