title: Hide or show a div element based on IP address
body: <p>Is it possible, using Apache, Javascript, or CSS (or something in Plone for that matter) to make a <code>&lt;div&gt;</code> visible to only a set range of IP addresses?</p>
  
  <p>Below is the code I would like to be available to a certain range of IP addresses:</p>
  
  <pre><code>&lt;div id="user"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#" title="Login"&gt;Login&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Ideally, I would like this to only be visible from 3 sets of IP addresses. I have a separate site running the following restriction (IP addresses changed, of course) in Apache to control access, but to a whole site, rather than just a div.</p>
  
  <pre><code>Order allow,deny
     Allow from 000.0.00
     Allow from 000.0.01
  
        # Order deny,allow
        # Deny from all
  </code></pre>
  
  <p>The purpose of this would be to restrict a pop-up login (or login page) to anyone not accessing the site from within a certain location. Even if I could just hide the "user" div (which is the login button when not logged in) to anyone not accessing from the range of IP addresses, that would be fine. Any help would be greatly appreciated, thanks!</p>