Untitled

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {


    /* $('#div').hide(); */

    $('input').focus(function() {
        $('#div').animate ( {
            height: '+=23'
        });
        return false;
    });


});
</script>
<style>
body { background-color:  #eee; }
#div { height: 23px; overflow: hidden; }
</style>
</head>

<body>
<div id="div">
<form>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="text"><br>
<input type="submit" value="Verzenden">
</form>
</div>
</body>
</html>