javascript - jQuery slide up/down effect not working on div -

developing asp.net web forms application using vs 2010 & have login textbox , password textbox on page.

above have simple div tag contain error message if login textbox or password textbox empty.

jsfiddle

<div id="errordiv"></div>

i wanted div slide down showing error message if either text box empty

following jquery code have tried:

<script> $(function () {      $("#btnlogin").click(function () {             var error = 0;          if (error == 0) {             $("#errordiv").slidetoggle();         }          if ($("#txtloginid").val() == "") {                error = 1;             $("#errordiv").text("please enter loginid");         }          if ($("#txtpassword").val() == "") {             error = 1;             $("#errordiv").text("please enter password");         }          if (error == 1) {             alert(document.getelementbyid("errordiv").value());                     $("#errordiv").show();          }          else {             alert(document.getelementbyid("errordiv").value());             $("#errordiv").slideup();         }       });    }); </script> 

this not work.

i tried replacing $("#errordiv").text("please enter loginid"); $("#errordiv").html("please enter loginid"); had no effect.

what can problem?

first of line won't work

$("#errordiv").slideup(); 

it should

$("#errordiv").slideup(); //lower case p 

secondly alert document.getelementbyid("errordiv").value won't work it's div wont have value. alert it's innerhtml document.getelementbyid("errordiv").innerhtml or use jquery $('#errordiv').text()

i don't see point in first if statement

if(error == 0) 

as setting variable error 0 everytime button clicked statement run. may slidetoggle div if wanted do, so

var error = 0; $('#errordiv').slidetoggle(); 

i've update fiddle here -> http://jsfiddle.net/d9wwj/3/ i've changed of logic well. weren't clearing errordiv when there no more errors.

below finished article

$((function(){   $("#btnlogin").click(function (){      var error = "";      $('#errordiv').slidetoggle();       if($("#txtloginid").val() == ""){          error += "please enter loginid";      }      if($("#txtpassword").val() == ""){         if(error){            error += "<br />please enter password";            } else {            error += "please enter password";           }              }       if(!error){         $("#errordiv").html("").slideup();      } else {         $('#errordiv').html(error).slidedown();      }   }); });