CSS only hide sidebar or navbar toggle

hide-sidebar.html

<style>
    #sidebar {
        width: 250px;
    }

    #hide-sidebar:checked ~ #sidebar {
        width: 0;
        display: none;
    }

    #hide-sidebar-control > a::before {
        content: "Hide";
    }

    #hide-sidebar:checked ~ #hide-sidebar-control > a::before {
        content: "Show";
    }        
</style>
<input type="checkbox" name="hide-sidebar" id="hide-sidebar" value="true" style="display: none;" />
<label class="radio" for="hide-sidebar" id="hide-sidebar-control">
    <a class="button is-small"></a>
</label>
<div id="sidebar" class="sidebar" role="navigation">
  ...
</div>