navigation bar animation hiden from the last to the first
<p>I am new in jquery and animations, and I need help to do this.
I've got a navegation bar in my website and it has 10 buttons (level 1), when one of them has been clicled the navigation bas has to hide the buttons from right to left, when all of them have been hiden, start to appera a new navegation bar (level 2) shown from the first button to the last. the level 2 can have more or less number of buttons.
to be more clear I have this:</p>

<p>1  2  3   4   5   6 
when I click 4 the bar has to do something like this</p>

<p>1  2  3   4   5   6</p>

<p>1  2  3   4   5   </p>

<p>1  2  3   4  </p>

<p>1  2  3  </p>

<p>1  2 </p>

<p>1 </p>

<p>and the new navigation has the items of 4. (4 it's the parent and this level has the children)</p>

<p>4.1  </p>

<p>4.1  4.2</p>

<p>4.1  4.2  4.3</p>

<p>4.1  4.2  4.3  4.4 </p>

<p>4.1  4.2  4.3  4.4  4.5</p>

<p>I will thank all the help to create it.</p>
