<html>
<head>
<title></title>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("#closeLink").click(hideMessage);
$("#openLink").click(showMessage);
});
function hideMessage() {
$("#message").slideUp("slow");
}
function showMessage() {
$("#message").slideDown("slow");
}
</script>
</head>
<body>
Click to <span id="openLink" style="color:red;">open</span>
or <span id="closeLink" style="color:blue;">close</span>
the message.
<div id="message" style="">Message !!</div>
</body>
</html>
Demo:
Click to open or close the message.
0 comments :
Yorum Gönder