Question on hovering elements

[itsmejainh]

Hi All,

I just went through beautiful article on [Animation using CSS3](http://www.the-art-of-web.com/css/css-animation/#.UeteitI6C8F “Animation using CSS3”) (all of you must be aware of this).

I have a question on point 6 (Hover over one element to affect another). I understood the event that on hovering Box3, we can animate/play with Box4. I was curious to know if we can do vice-versa too i.e. on hovering Box4, move/resize Box3.. I tried this but didn’t work out.

[Here is the link to test fiddle](http://jsfiddle.net/y8t3c/ “Here is the test fiddle”) – on hovering Box4, I am actually reducing Box3 size to 50px, but it’s not happening. Any suggestions on how to achieve this.

[Paulie_D]

You can’t select ‘parents’ of elements or ‘older’ (earlier in the DOM) siblings with CSS

http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

[Paulie_D]

I would say that, from my limited knowledge of Jquery, these kinds of connections are **very** simple and the code is **very** short.

[Kuzyo]

here with jQuery :

http://jsfiddle.net/wu7Vt/

Very ineteresting, if there is opportunity to do it with css only

[Author]

Posts