title: How close all other menu when click specific menu in angular js?
body: <p>I have use toggle menu from simple toggle .but my problem that when we click on specific menu then all other menu should be close like as accordion menu.</p>
  
  <p>Directive :</p>
  
  <pre><code>element.bind('click', function() {
                  var content = target.querySelector('.slideable_content');
                  if(!attrs.expanded) {
  
                      content.style.border = '1px solid rgba(0,0,0,0)';
                      var y = content.clientHeight;
                      content.style.border = 0;
                      target.style.height = y + 'px';
                  } else {
                      target.style.height = '0px'; 
                  }
                  attrs.expanded = !attrs.expanded;
              });
  </code></pre>
  
  <p>when click on slide above code will execute.i need some logic like close all toggle which class name <strong>slidable_content</strong></p>
  
  <p>My Code is here : <a href="http://plnkr.co/edit/DbscXZOLIPdU8QCS6loL?p=preview" rel="nofollow">Plunker</a> </p>