<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hideHandler").click(function () {
$("span:first-child").hide("fast", function () {
$(this).prev().hide("show", arguments.callee);
});
});
$("#showHandler").click(function () {
$("span").show(6000);
});
});
</script>
</head>
<body>
<body>
<button id="hideHandler">Hide</button>
<button id="showHandler">Show</button>
<div>
<span>A</span>
<span>B</span>
<span>C</span>
<span>D</span>
<span>E</span>
<span>F</span>
<span>G</span>
<span>H</span>
</div>
</body>
</html>
|