learn.jquery.com: Properly highlight nested categories

Closes gh-344

Author: sigorilla

themes/learn.jquery.com/sidebar.php

@@ -12,7 +12,7 @@
 			<ul>
 				<?php $chapters = learn_chapter_listing(); ?>
 				<?php while ( $chapters->have_posts() ) : $chapters->the_post(); ?>
-					<?php $is_active = ($active_post->ID == $chapters->post->ID) || ($active_post->post_parent == $chapters->post->ID); ?>
+					<?php $is_active = ($active_post->ID == $chapters->post->ID); ?>
 					<li <?php if ($is_active) { echo "class='active'"; } ?>>
 						<a href="<?php the_permalink(); ?>">
 							<?php if ( get_post_meta( $post->ID, "icon" ) ) : ?>
@@ -32,9 +32,12 @@
 								<ul class="sub-chapter">
 								<?php while ( $sub_chapters->have_posts() ) : $sub_chapters->the_post(); ?>
 									<?php if ( has_children( $post ) ) { ?>
-									<li><a href="<?php the_permalink(); ?>">
-										<?php the_title(); ?>
-									</a></li>
+									<?php $is_active = ($active_post->ID == $sub_chapters->post->ID) || ($active_post->post_parent == $sub_chapters->post->ID); ?>
+									<li <?php if ($is_active) { echo "class='active'"; } ?>>
+										<a href="<?php the_permalink(); ?>">
+											<?php the_title(); ?>
+										</a>
+									</li>
 									<?php } ?>
 								<?php endwhile; wp_reset_postdata(); ?>
 								</ul>

themes/learn.jquery.com/style.css

@@ -82,13 +82,13 @@ a {
 
 }
 
-#sidebar #chapter-listing li.active a {
+#sidebar #chapter-listing li.active > a {
 	background: #212121;
 	color: #fff;
 	text-shadow: none;
 }
 
-#sidebar #chapter-listing li.active a i.icon-tasks {
+#sidebar #chapter-listing li.active > a i {
 	color: #fff;
 }