在JSFiddle中设置这个仅限CSS的汉堡包菜单
汉堡包是面包屑上方的左上方矩形（'Home / Page 1'）
'扩展器'正在按需运行。我的问题是菜单中的链接选择器未激活，无法触发URL。
如何修改JSFiddle示例以使链接选择器处于活动状态并打开目标网址？
我有一个使用checkbox和label的工作解决方案。但是，Google AMP不允许这些CSS属性，因此我需要一个适合上述示例的解决方案。
以下是我从中学到的背景和参考资料：
1 AMP讨论： https://github.com/ampproject/amphtml/issues/827
2示例： https://jsfiddle.net/d6qr7qsh/1/ http://jsbin.com/rokotubehi/1/edit?html,css,output （注意：没有选择器或子菜单）
3汉堡行动： http://codepen.io/chr1s1202/pen/sJBkD
4菜单抽屉： http://www.designcouch.com/home/why/2014/04/23/pure-css-drawer-menu/
5离屏导航： http://www.sitepoint.com/pure-css-off-screen-navigation-menu/
6变形菜单按钮，部分选择器： http://www.scottohara.me/article/morph-button-updated.html
7下拉菜单，在bootstrap中有一个子下拉菜单： dropdown menu that has a sub-dropdown menu in bootstrap @prem
8如何在AMP HTML中创建响应式汉堡包菜单： How to create a responsive hamburger menu in AMP HTML @John Pettitt
使用嵌套和隐藏子导航的9 jQuery类型解决方案： Nav/Subnav list, how to give clicked item active class after reload of page
10纯CSS水平菜单： http://www.devinrolsen.com/pure-css-horizontal-menu/
所以，重复：
如何修改JSFiddle示例以使链接选择器处于活动状态并打开目标网址？