Thanks!!
On Oct 29, 7:59 pm, ricardobeat <[EMAIL PROTECTED]> wrote: > $("button#hide-btn") selects nothing, it's an input element not a > button. There is a ':button' pseudo-selector in jQuery, but if you are > selecting by ID the tag name is unncessary and may even be slower. > > $('#hide-btn'), $('#FormID'), $('#display-div') > > - ricardo > > On Oct 29, 10:19 am, Tallu <[EMAIL PROTECTED]> wrote: > > > > > I am trying to show and hide a div once some data is processed by the > > php.but the second event is not working.What am i doing wrong? > > > $(document).ready(function(){ > > //alert("Document is Ready"); > > $("form#FormID").submit(function(){ > > //alert("Form is submitted"); > > > > $.post("process.php",{keyword:$("#keyword").val()},function(data) > > { > > > //alert("Data Loaded: "+ data ); > > $("div#display-div").html(data).show(); > > }); > > return false; > > }); > > $("button#hide-btn").click(function(){ > > $("div#display-div").hide(); > > }); > > }); > > > <form action="" method="post" id="FormID"> > > <input type="text" id="keyword" name="keyword"/> <input > > type="submit" value="Submit" id="sub" /> > > </form> > > <div id="display-div"></div><input id="hide-btn" type="button" > > value="Hide" />- Hide quoted text - > > - Show quoted text -