title: on click hide this (button link) pure css
body: <p>my function is hide and show div with <strong>pure css</strong> but when i click open, the button still not disappear.</p>
  
  <pre><code>&lt;a href="#show" id="open" class="btn btn-default btn-sm"&gt;Open&lt;/a&gt;
  &lt;div id="show"&gt;
    some text...
    &lt;a href="#hide" id="close" class="btn btn-default btn-sm"&gt;Close&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the css look like:</p>
  
  <pre><code>&lt;style&gt;
      #show {display: none; }
      #show:target { display: inline-block; }
      #hide:target ~ #show { display: none; }
  &lt;style&gt;
  </code></pre>
  
  <p>when i add this :</p>
  
  <pre><code>#show:target ~ #open { display: none; }
  </code></pre>
  
  <p>the button <code>#open</code> still not hiding
  anyone can help me.</p>
  
  <p>thanks before :)</p>