<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#hide").click(function () {
$("p").hide();
});
$("#show").click(function () {
$("p").show();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>If you click on the "Hide" button, I will disappear.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</div>
</form>
</body>
</html>
in output when i click on hide button .it hides data but instantly it shows me data back too.on hide button it should only hide data
when i double click then only it hides .on single click it doesn't......as i have used click function not dblclick....then why is it showing like this.
help!!
pls tell wat i missed
thanks