Skip to content

Instantly share code, notes, and snippets.

@danshearmur

danshearmur/gist:5611934

Last active December 17, 2015 12:48
Show Gist options
  • Save danshearmur/5611934 to your computer and use it in GitHub Desktop.
Save danshearmur/5611934 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<body id="expanded">
<div class="navbar">
<div class="navbar-inner">
<a class="btn btn-navbar btn-expand" href="#expand">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="btn btn-navbar btn-contract" href="#">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<!-- actual nav items -->
</div>
</div>
</div>
</body>
Raw
gistfile2.css
#expanded:target .nav-collapse {
height: auto;
}
.navbar .btn-contract {
display: none;
}
#expanded:target .btn-contract {
display: block;
}
#expanded:target .btn-expand {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment