Question

i need to hide and shoe the div depending on the button using html and jquert

is the button name=show status i click the button change to the name=hide and display the div, the same function in reverse also

Answer 1

You could do something like this (Note the custom display attribute):

$("#btn").click(function() {
   var item = $("input[name=yourInput]");

   if (item.attr("display")) {
      item.show();
      item.attr("display", false);
   } else {
        item.hide();
        item.attr("display", true);
    }
});

<input name="yourInput" display="true" />

http://jsfiddle.net/Jrz5Y/1/