hide the div only first time page load

sudheen

11y7.4k

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();

});

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Pankaj Kumar Choudhary11y ago
hello @sudheen you can try this code

$(document).ready(function () {
$("#test").hide();
$("#btnSearch").click(function () {
$("#test").show();
});
});

0
Upendra Pratap Shahi11y ago
$(document).ready(function () {
$("#test").hide();
$("#btnSearch").click(function () {
$("#test").show();
});
});

you have missed id-selector when load the div.

Mark as correct answer
0
Rajeesh Menoth11y ago
Hi,

// Short-form of `document.ready`
$(function(){
$("#test").hide();
$("#btnSearch").on("click", function(){
$("#test").show();
});
});

Check this demo : http://jsfiddle.net/rajeeshmenoth/a8hgo707/5/
0

Manoj Bhoir11y ago

Hi,

Try this one :

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

Muralishankar Sundaram11y ago
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
0
Sakthikumar Thanavel11y ago
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();
});
});
0
Shailesh Uke11y ago
$(document).ready(function () var i=0; { if(i==0) { i=1; $("test").hide(); } $("#btnSearch").click(function () { if(i==1) { $("#test").hide(); } }); });
0