W3.CSS is a *very* new web technology and I cannot find any information about it other than w3schools.com. I was wondering if anyone here knows how to have their sidenav start out open?

Here is a working example that shows one in action:
<https://jsfiddle.net/8orgp5xv/>

```css
@import 'http://www.w3schools.com/w3css/w3full.css';
```

```html
<nav id="id01" class="w3-sidenav white w3-depth-2">
  <a href="#" class="w3-closenav w3-large">Close ×</a>
  <a href="#">Link 1</a>  
  <a href="#">Link 2</a>  
  <a href="#">Link 3</a>  
  <a href="#">Link 4</a>  
  <a href="#">Link 5</a>  
</nav>
<div class="w3-content">
  <div class="w3-header teal">
    <a href="#id01" class="w3-opennav w3-xlarge">☰</a> 
    <h1>My Header</h1>
  </div>
  <img src="img_car.png" alt="Car" width="100%">
  <div class="w3-panel">
    <p>
      A car is a wheeled, self-powered motor vehicle used for transportation.
      Most definitions of the term specify that cars are designed to run primarily on roads,
      to have seating for one to eight people,
      to typically have four wheels. (Wikipedia)
    </p>
  </div>
  <div class="w3-footer teal">
    <h5>Footer</h5>
    <p>Footer information goes here</p>
  </div>
</div>
```

I just need to know how to make it **start open** when the page loads.

I tried messing with `w3-sidenav` and `w3-closenav` with no luck. Anyone know?