jquery - Div 在点击时从侧面滑出

Question

我试图让一个 div 来自屏幕的左侧/右侧，我尝试使用复选框和标签方法但是它不起作用(或者我只是做错了什么)也许有人知道该怎么做？这是我的元素: http://codepen.io/benasl/pen/vXWBxv/?editors=1100

<input type="checkbox" name="" value="" id="sidebarToggler"> 

<input type="checkbox" name="" value="" id="sidebarToggler2"> 

<div class="products">
   <label for="sidebarToggler" class="next right"><b>&#x276F</b></label>
   <label for="sidebarToggler2" class="next left"><b>&#x276E</b></label>  
<div id="wrap-products">

#wrap-products 我需要这种效果

Answer 1

你好，请看下面的 fiddle ，我只是为一个侧栏做这件事，显然另一个侧栏会根据你的意愿做你的风格。在中间检查 sidenav。根据你的意愿添加带有复选框或标签的样式我只是做了基本的。

基本的javascript代码是

   <script>
  function openNav() {
  document.getElementById("mySidenav").style.width = "300px";
  }

  function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
  }
  </script>

这是 fiddle 演示。希望对您有所帮助。

Sidebar Nav Fiddle Example