<script src=”jquery.js” type=”text/javascript”></script>
<SCRIPT LANGUAGE=”JavaScript”>
$(function(){
$(‘#test’).toggle(function(){
$(‘#a’).hide();//display : none ，记住display 为 inline
$(‘#b’).hide();//display : none ，记住display 为 block
},function(){
$(‘#a’).show(); //display : inline
$(‘#b’).show(); //display : block
})
})
</SCRIPT>
<DIV id=”a” style=”display:inline;”>a</div>
<DIV id=”b” style=”display:block;”>b</div>
<input type=”button” id=”test” value=”test” />
10, hide() show()加时间参数
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”>
<script src=”jquery.js” type=”text/javascript”></script>
<SCRIPT LANGUAGE=”JavaScript”>
$(function(){
$(‘#test’).toggle(function(){
$(‘#a’).hide(500);//display : none
$(‘#b’).hide(500);//display : none
},function(){
$(‘#a’).show(500); //display : inline
$(‘#b’).show(500); //display : block
})
})
</SCRIPT>
<DIV id=”a” style=”display:inline;”>a</div>
<DIV id=”b” style=”display:block;”>b</div>
<input type=”button” id=”test” value=”test” />
11，效果：
show(), hide()会同时修改多个样式属性 : 高度，宽度和不透明度。
fadeIn() fadeOut() : 不透明度
fadeTo() : 不透明度
slideDown() , slideUp() :高度
如果都不能满意，只能用animate（）了
animate()提供了更为强大的，复杂的效果。
12，animate() :
之前 .show(‘slow’); // slow代表的是0.6秒内同时改变高度，宽度和透明度 。 如果用时间表示是 600 ；=== .show(600);
那么我们再来看看 animate()
animate({heigth : ‘slow’ ,width : ‘slow’ } , ‘slow’ )
这里之所以可以 height : ‘slow’ 其实就跟 .show(‘slow’) 类似，当然他前面规定了height 。。
