Bootstrap 3 Collapse (left to right) [duplicate]

Answer 1

Here is a simple, but effective way to achieve a fade in/toggle/slide from the upper left of the targeting element.

The provided solution does not use Bootstrap to accomplish the example, but you can use the solution in combination with Bootstrap elements.

Such as,

var main = function() {
 var slide = $('.targetEle');
 var press = $('button');
 
 press.click(function() {
   slide.toggle('slow');            
 });
}

$(document).ready(main);

.targetEle {
  display: none;
  margin-top: 5px;
  border-radius: 5px;
}

nav {
  padding: 5px;
  background-color: red;
  color: white;
}

  Button with target element



  

    
Menu Item
    
Menu Item
    
Menu Item
  
 

Hope that helps!