Animate some website elements

On : [login to view URL] write on proper JS / JQuery ————————————————————————————— Scenary 1 : show content (just for the first time ) When we click on .box svg: - addCLass .mover to .box - removeClass .lateral-shake to .box - when .box { left : 0% } - activate [login to view URL] plugin - 0.5 s delay - removeClass .casper to .box [login to view URL] ———————————————————————————— Scenary 2 : tab navigating c=current tab number n=click tab number When we click on .tabs li:nth-child(n): - removeCLass .mover to .box - when .box { left : 50% } - activate .tab-content - hide or show .book pages (li) if ( c < n ) { for ( i = 1 , i < n , i++ ) { .book li:nth-child( i ) { opacity:0 + delay 0.5s } } } if ( c > n ) { for ( i = 1 , i < n , i++ ) { .book li:nth-child( n - i ) { opacity:1 + delay 0.5s } } } - after completing last step ---> add z-index: ( 6 - n ) to .box - addClass .mover to .box