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