при щелчке скрыть (кнопка ссылки) чистый CSS

моя функция скрыть и показать div счистый CSS но когда я нажимаю кнопку открытия, кнопка все равно не исчезает.

<a href="#show" id="open" class="btn btn-default btn-sm">Open</a>
<div id="show">
  some text...
  <a href="#hide" id="close" class="btn btn-default btn-sm">Close</a>
</div>

и CSS выглядит так:

<style>
    #show {display: none; }
    #show:target { display: inline-block; }
    #hide:target ~ #show { display: none; }
<style>

когда я добавлю это:

#show:target ~ #open { display: none; }

кнопка#open все еще никто не может мне помочь.

спасибо раньше :)

Ответы на вопрос(3)

Ваш ответ на вопрос