淡入淡出效果In和Out怎么理解?
<body>
<h3>使用fadeIn()与fadeOut()方法实现元素淡入淡出的效果</h3>
<div>
<h4>我喜欢吃的水果</h4>
<ul>
<li>苹果</li>
<li>甘桔</li>
<li>梨</li>
</ul>
<input id="hidval" type="hidden" value="0"/>
</div>
<script type="text/javascript">
$(function () {
$("h4").bind("click", function () {
if ($("#hidval").val() == 0) {
$("ul").fadeOut(2000,function() {
$("#hidval").val(1);
})
} else {
$("ul").fadeIn(2000,function() {
$("#hidval").val(0);
})
}
})
});
这是我的代码,我的理解是input id="hidval" type="hidden" value="0"这段代码表示刚开始是隐藏的。所以这里
if ($("#hidval").val() == 0) {
$("ul").fadeOut(2000,function() {
$("#hidval").val(1);
我用OUT把隐藏的元素淡出。然后value值变为1.
第二段是显示之后用IN淡入回去隐藏。但是我看其它人的代码都是先In后Out。是不是我理解的有问题?