title: How to create animated sliding windows/tabs menu?
body: <p>I have created navigation menu in YUI 2.8 as below :  </p>
  
  <p><img src="https://i.stack.imgur.com/QGLcR.jpg" alt="Sliding windows menu">  </p>
  
  <p>I have also animated tabs using CSS transitions. CSS transitions are not widely supported by browsers and my animations are not working in Opera, IE etc.<br>
  Since i'm already using YUI 2.8 on that page, can somebody tell me how do i animate those tabs?<br>
  When i click on any tab, it should expand in vertical dimension smoothly (animated).<br>
  Below are the properties of tabs which are going to change when i select any tab (Below properties of tabs should be animated) :  </p>
  
  <ul>
  <li>Paddings</li>
  <li>Margins</li>
  <li>Background-Color</li>
  <li>Borders</li>
  </ul>
  
  <p>Please note in above image :  </p>
  
  <ul>
  <li>There is little space left on right side in case #1 when 1st tab is
  selected. </li>
  <li>In case #2 and case #3 there is space left on left as well as right side. </li>
  <li>In case #4, there is some space left on left side when last tab is
  selected.  </li>
  </ul>