Collapsible Menus

I didn’t do anything too tricky, though I did revert back to using some of the default code versus what I wanted to use. Specifically, I ended up applying the ID nav to the containing unordered list as I didn’t feel like messing with the JavaScript to get it to work exactly the way I like. Here is the code I am using within my WP templates, hopefully it will prove helpful:

Sidebar include file:

<div id="Navigation">
<ul id="nav">
<?php /* If this is a 404 page */ if (is_404()) { ?>
<?php /* If this is a category archive */ } elseif (is_category()) { ?>
<li><a href="/">Home</a></li>
<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
<li><a href="/">Home</a></li>
<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
<li><a href="/">Home</a></li>
<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
<li><a href="/">Home</a></li>
<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
<li><p>You have searched the <a href="<?php echo get_settings('siteurl'); ?>">
<?php echo bloginfo('name'); ?></a> weblog archives
for <strong>'<?php echo wp_specialchars($s); ?>'</strong>.
If you are unable to find anything in these search results,
you can try one of these links.</p></li>
<li><a href="/">Home</a></li>
<?php /* If this is a monthly archive */
} elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
<li><a href="/">Home</a></li>
<?php } ?>
<?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>
<?php wp_list_cats('sort_column=name&optioncount=0&hierarchical=1'); ?>
</ul>
</div>


header file

<script type="text/javascript" language="javascript" src="/includes/pde.js"></script>


Hope this helps!

Reply

Thanks Pamela! Yes, the script is set up to allow you to easily add the expanded icon – via a background image in CSS I believe. I plan to implement that when I get a chance. I still need to implement a good many design tweaks.

Reply

Hi jktan, I’d be happy to help out. Do you have a page I can look at?

Reply