title: Content hide/show
body: <p>my goal is to hide the content of my homepage when someone visits. onClick to begin button the content should be shown. Content should stay open when user goes to other page and comes back to homepage. But it will be hidden when user closes the window and opens up the homepage again. To achieve this goal I have put the following code but it keeps the content open even when user closes and opens the window. So please help me out.</p>
  
  <pre><code>if (! localStorage.noFirstVisit) {
      // hide the element
      $("#content").hide();
  
      // check this flag for escaping this if block next time
      localStorage.noFirstVisit = "1";
  }
  </code></pre>
  
  <p>Another issue is when the content shows the design gets little messed up(by widening the divs, bringing horizontal scroll)</p>
  
  <pre><code>$(".roll-button").click(function(){
      $("#content").show();
  });
  </code></pre>
  
  <p>I would highly appreciate if you check website, suggest me fix or show me proper way to achieve this goal. url:<a href="http://iamicongroup.com" rel="nofollow noreferrer">iamicongroup.com</a></p>