This is my 1st post here after I've looked for a solution for my needs with no resultI'm not good at javascript and jquery and I know that my answer is there 
Here is the code http://jsfiddle.net/6ncQR/51/What I need is a simple function to rotate the \[code\]div\[/code\] "box3" at different angles when hover over the \[code\]li\[/code\] elements from the menu.For example hovering 1st \[code\]li\[/code\] child rotates \[code\]div\[/code\] "box3" 45 degrees and the 2nd \[code\]li\[/code\] child rotates "box3" 90 degrees and so on.With pure css it is working only if the elements have the same parent.
Here is the code http://jsfiddle.net/6ncQR/51/What I need is a simple function to rotate the \[code\]div\[/code\] "box3" at different angles when hover over the \[code\]li\[/code\] elements from the menu.For example hovering 1st \[code\]li\[/code\] child rotates \[code\]div\[/code\] "box3" 45 degrees and the 2nd \[code\]li\[/code\] child rotates "box3" 90 degrees and so on.With pure css it is working only if the elements have the same parent.