Hide the child div of the child div when the parent div is toggled/slideDown
<p>I want to achieve this effect - that when the parent div is toggled/slides down, the child div of the child div should also hide. </p>

<p>Right now, I have a parent div, which toggles and shows child div. When I click on the link in the child div, a related child div toggles and shows. However, now if I don't toggle the child div again (to hide it) but directly toggle the parent div, the parent div toggles and hides the child div. But the sub-child of the child div still shows instead of hiding as well. </p>

<p>Here is the code: <a href="http://jsfiddle.net/fuz3d/LECWe/3/" rel="nofollow">http://jsfiddle.net/fuz3d/LECWe/3/</a></p>

<p>If you click on Settings, it will display the child div with two links - Create Album and Upload. If I click on create album, it will show a sub-child div. If I click on Settings now, its child div will hide, but the sub-child div still shows. </p>

<p>How can I make it hidden when the parent div hides its child div? </p>

<p>I don't want the sub-child to show on the click of the parent div though. </p>
