hide the div only first time page load

Question

hi, hide the div in page load..i tried with following code .. problem is after clicking search also div hiding...because after button click also ready fun executing.. Req:only one time means first time page load div should be hide.. pls anybody give me soln.. $(document).ready(function () { $("test").hide(); $("#btnSearch").click(function () { $("#test").show(); }); });

Pankaj Kumar Choudhary · Answer

hello @sudheen you can try this code $(document).ready(function () { $("#test").hide(); $("#btnSearch").click(function () { $("#test").show(); }); });

Upendra Pratap Shahi · Answer

$(document).ready(function () { $("#test").hide(); $("#btnSearch").click(function () { $("#test").show(); }); }); you have missed id-selector when load the div. Mark as correct answer

Rajeesh Menoth · Answer

Hi, // Short-form of `document.ready` $(function(){ $("#test").hide(); $("#btnSearch").on("click", function(){ $("#test").show(); }); }); Check this demo : http://jsfiddle.net/rajeeshmenoth/a8hgo707/5/

Manoj Bhoir · Answer

Hi, Try this one : $(document).ready(function () { if (localStorage.getItem('wasVisited') !== undefined) { $ ("#test").hide(); } else { localStorage .setItem('wasVisited', 1); $("#test").show(); } });

Muralishankar Sundaram · Answer

Hi Sudeen, i have prepared the sample with your shared code ,its already working properly. please check it once and tell me the details pls. Thanks, Muralishankar

Sakthikumar Thanavel · Answer

It Quite easy. Simply Add Hidden field and set a value to identify the page load Sample Code: $(document).ready(function () { if($("#state").val()!="postback" ) { $("test").hide(); $("#state").val("postback"); } $("#btnSearch").click(function () { $("#test").show(); }); });

Shailesh Uke · Answer

$(document).ready(function () var i=0; { if(i==0) { i=1; $("test").hide(); } $("#btnSearch").click(function () { if(i==1) { $("#test").hide(); } }); });