Slide down and set focus : slideDown « jQuery « JavaScript Tutorial
- JavaScript Tutorial
- jQuery
- slideDown
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").click(function () {
$("input").slideDown(1000,function(){
$(this).focus();
});
});
});
</script>
<style>
input { display:none;margin:10px; }
</style>
</head>
<body>
<body>
<div>Click me</div>
<input type="text" />
<input type="text"/>
<input type="text" />
</body>
</html>