<!-- Jquery Slide Toggle Events -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<script type ="text/javascript">
$(document).ready(function() {
$("#btnsubmit").click( function() {
$("#slide").slideToggle('slow');
return false;
});
});
</script>
</head>
<body>
<h1>Hello World!</h1>
<a>Name: </a><input type="text" id="txtid" size="15"/>
<form method="post" action="index.jsp">
<input type="submit" id ="btnsubmit" />
<div id ="slide" style ="height:200px; width: 200px; background-color: green; "> </div>
</form>
</body>
</html>
No comments:
Post a Comment