.show not cascading to child divs
I'm trying to display and hide whole chunks of my page via show/hide on various content divs. However, after hiding a div, when I try to call show on it again, it does not remove the display:none style on the child divs. Is this intended behavior and if so, how do I show ALL child elements of a div at once?
My Javascript:
- $("#home_link").click(function() {
- $("#content div").hide('fast').delay(400);
- $("#home_content").show('fast');
- });
-
- $("#projects_link").click(function() {
- $("#content div").hide('fast').delay(400);
- $("#projects_content").show('fast');
- });
-
- $("#about_link").click(function() {
- $("#content div").hide('fast').delay(400);
- $("#about_content").show('fast');
- });