5 Haziran 2012

jQuery function call

<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.
Message !!

0 comments :