title: toggle sidebar when button in navbar is clicked in ember
body: <p>I have two components:</p>
  
  <pre><code>{{pc-sidebar}}
  {{pc-navbar action='toggleSidebar'}}
  </code></pre>
  
  <p>Inside pc-navbar, i have a button that i want toggle an sidebar--active class:</p>
  
  <pre><code>&lt;button {{action 'toggle'}}&gt;toggle sidebar&lt;/button&gt;
  </code></pre>
  
  <p>and in the pc-navbar.js, i have the following:</p>
  
  <pre><code>  isOpen: true,
    actions: {
      toggle () {
          this.toggleProperty('isOpen');
          this.sendAction('action', this.get('isOpen'));
      }
    }
  </code></pre>
  
  <p>So.. the default value of sidebar is open, and when i click, i want switch for the next state.. true or false, depending on the previous state.</p>
  
  <p>So.. i change the default value and send to my application controller:</p>
  
  <pre><code>  actions: {
      toggleSidebar (nextState) {
        console.log(nextState);
      }
    }
  </code></pre>
  
  <p>Now.. how can i grap the sidebar and toggle the class?? I'm a little lost here.. Am i doing this write?</p>
  
  <p>In my pc-sidebar.js i have:</p>
  
  <pre><code>export default Ember.Component.extend({
    tagName: 'aside',
    classNames: ['sidebar', 'sidebar--active']
  });
  </code></pre>
  
  <p>Thank you very much!!!</p>