Add:

return false;

below the $("p").show("slow");

Like this:

$("button").click(function() {
    $("p").show("slow");
    return false;
});




On Nov 20, 7:03 pm, Chinna <varanasikrishnaphaneen...@gmail.com>
wrote:
> Hi guys,
>
> I have downloaded JQuery .....
>
> <%@ Page Language="C#" AutoEventWireup="true"
> CodeFile="Default.aspx.cs" Inherits="_Default" %>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head runat="server">
>     <title></title>
>     <script type="text/javascript" src="jquery.js"></script>
> <script type="text/javascript" src="jquery.min.js"></script>
>    <script>
>        $(document).ready(function() {
>
>            $("button").click(function() {
>                $("p").show("slow");
>            });
>
>        });
>   </script>
>   <style>
>   p { background:yellow; }
>   </style>
> </head>
> <body>
>     <form id="form1" runat="server">
>     <div>
>      <button>Show it</button>
>   <p style="display: none">Hello  2</p>
>     </form>
> </body>
> </html>
>  This is the code.....! its not working....!

Reply via email to