jQuery - on hover grandchild or great grandchild, control parent's style recursively
<p>I'm trying to build a minimum 4 level menu (to unlimited). My wish is to create a general recursive action over the menu with jQuery. When I hover a child element, the parent will increase in height, same result I'd like also when hovering any grand-child or great-grand-child, the same parent element to remain increased in height, not the grand-child or great-grand-child.</p>

<p>I have tried this: <a href="http://jsfiddle.net/dTqX3/" rel="nofollow">http://jsfiddle.net/dTqX3/</a></p>

<p>It looks like I need something else instead of</p>

<p><code>$(this).parent().parent().parent().find("a:first")</code></p>

<p>which works incorrectly.</p>

<p>Any help will be much appreciated!</p>
