Submenu met hover/active states

Beste,

Zie website voor voorbeeld: http://www.lwhfoundation.com/over-alvleesklierkanker/behandeling/curatieve-behandeling/operatie/klassieke-whipple-operatie/

Bovenstaand voorbeeld zou ik graag willen namaken. Het komt eigenlijk neer op een soort verticaal dropdown menu.

Als je op parent pagina bent zie je geen children. Ga je 1 niveau lager dan zie je van de desbetreffende pagina de children. Echter moet je ook het path kunnen bekijken met hover states.

Vrij onduidelijk, lukt me niet helemaal om het goed uitgelegd te krijgen.

Huidige code ziet er zo uit:

<?php
$siteUrl = get_bloginfo('url') . '/';
	$parentIds = array(332);
	$totalLevels = 4;
	for($lvl = 1; $lvl <= $totalLevels; $lvl++) {
	$posts = lwh_get_child_pages($parentIds);
	if ($posts) { $parentIds = array(); ?>
	<div class="pag-wik-blk" id="wik-lvl-<?php echo $lvl; ?>">
	<?php foreach ($posts as $post) { $parentIds[] = $post->ID; ?>
	<a class="wik_<?php echo $post->post_parent . (in_array($post->ID, $currIds) ? ' wik-act' : ''); ?>" href="<?php echo $siteUrl . $post->post_name; ?>" id="wik_<?php echo $post->ID; ?>" title="<?php _e($post->post_title); ?>"><?php _e($post->post_title); ?></a>
	<?php } ?>
	</div>
	<?php }
} ?>

Is er een betere, nettere oplossing dan bovenstaande code?

Alvast bedankt!