title: Toggle between One and Two Elements Horizontally with slide animation - AngularJS
body: <p>I want two states. The first with element 1 centered by itself. When a ng-click is activated another element (element 2) slides in from the right (animated) pushing element one too the side so both elements are centered on the page (second state). Then if the ng-click is toggled again the reverse happens and element 2 slides out of the view to the right and element 1 is centered back to the original first state, and ideas on how I could acheive this with angularJS? <a href="https://i.stack.imgur.com/N1nTT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N1nTT.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/U1e4c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/U1e4c.png" alt="enter image description here"></a></p>