title: How to keep a seperate div open from a css selector
body: <p>Having such a hard time with this.
  Trying to have a "Hover" event open a DIV with info underneath it. </p>
  
  <p>I have that working.</p>
  
  <p>However, if I have links in the DIV, how am I able to keep the DIV OPEN to click the links ?</p>
  
  <p>Not sure if this is possible with CSS ? Thanks in advance.</p>
  
  <pre><code>.ebweather {
    opacity: 0;
    visibility: hidden;
    display:none;
  }
  a { color:white; }
  .hovereb:hover + .ebweather {
      display: block;
      visibility: visible;
      opacity: 1;
      animation: fade 1s;
      background-color: #0D2454;
  }
  </code></pre>
  
  <p>Here is the very basic jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/3qk8htL7/3/" rel="nofollow noreferrer">http://jsfiddle.net/3qk8htL7/3/</a></p>