Title: CSS Treeview Navigation Menu
Last modified: August 18, 2016

---

# CSS Treeview Navigation Menu

 *  [c_chana](https://wordpress.org/support/users/c_chana/)
 * (@c_chana)
 * [20 years, 3 months ago](https://wordpress.org/support/topic/css-treeview-navigation-menu/)
 * I’m looking to create a treeview navigation menu for a wordpress site I’m creating.
   The person I’m implementing for has specifically asked for this as they have 
   a large amount of pages.
 * I currently have a system where you choose your ‘category’ from the links at 
   the top of the page. Once this has been selected, you are shown the page, along
   with the first set of sub nav (if any) links on the left.
 * Selecting one of these will then display the content along with a second set 
   of sub nav (if any) links.
 * This is the code I’m using for this:
 * **
    $g_page_id = $wp_query->get_queried_object_id();
 *  wp_list_pages(‘depth=1&child_of=’.$g_page_id .’&sort_column=menu_order&title_li
   = ‘);
 * I have worked my way through the above code to tailor it for what I need, but
   having a treeview navigation would just be the icing on the cake!
 * This system is working fine and i’ve managed to make minor adjustments to display
   the page id/name etc, but I’m stumped beyond this! I found this website through
   the support forum: [](http://www.taijiquan.pro.br/) which has the desired effect
   on the links option on the right.
 * Any help is greatly appreciated!
 * Oh, and it may be worth noting that WordPress is being used as a CMS – only pages
   are being used, no posts. Pages are requested via ?page_id=xx, if that makes 
   any difference.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [moshu](https://wordpress.org/support/users/moshu/)
 * (@moshu)
 * [20 years, 3 months ago](https://wordpress.org/support/topic/css-treeview-navigation-menu/#post-337352)
 * 1. Just for the sake of clarity: [Pages](http://codex.wordpress.org/Pages) do
   not have “categories” so selecting a category has nothing to do with Pages.
    
   2. There are folding Page menus, like this: [http://wordpress.org/support/topic/52932?replies=2#post-289575](http://wordpress.org/support/topic/52932?replies=2#post-289575)
   and this: [http://www.invokemedia.com/category/web-technologies/cms-systems/](http://www.invokemedia.com/category/web-technologies/cms-systems/)
   I am not sure this is what you are after though.
 *  Thread Starter [c_chana](https://wordpress.org/support/users/c_chana/)
 * (@c_chana)
 * [20 years, 3 months ago](https://wordpress.org/support/topic/css-treeview-navigation-menu/#post-337371)
 * Sorry, I didn’t actually mean categories, I just couldn’t think of a better way
   to describe the horizontal nav at the top!
 * I’ll take a look at those links and see if they can help.
 * Ultimately, I’m after a menue that is something like this:
 * First shoes:
 * -HOME
    -ABOUT US -SERVICES -CONTACT US
 * clicking on, say, services would then display:
 * -HOME
    -ABOUT US -SERVICES –WEB DESIGN –SEO –HOSTING –FLASH -CONTACT US
 * all without refreshing the page (if possible)
 *  Thread Starter [c_chana](https://wordpress.org/support/users/c_chana/)
 * (@c_chana)
 * [20 years, 3 months ago](https://wordpress.org/support/topic/css-treeview-navigation-menu/#post-337472)
 * After hours of playing and searching, I finally found a (partial) answer to my
   problem!
 * I managed to find the wp_list_pages function in the template-functions-post.php
   page and added a few things to make use of the aqtree3 js menu.
 * I works great, except that I can’t get the tree to stay open when you move to
   pages that are within the tree. I’ll mark this topic as resolved once I get that
   working. I’ll also post a link once the site goes live.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Treeview Navigation Menu’ is closed to new replies.

## Tags

 * [down](https://wordpress.org/support/topic-tag/down/)
 * [tree](https://wordpress.org/support/topic-tag/tree/)
 * [view](https://wordpress.org/support/topic-tag/view/)

 * 3 replies
 * 2 participants
 * Last reply from: [c_chana](https://wordpress.org/support/users/c_chana/)
 * Last activity: [20 years, 3 months ago](https://wordpress.org/support/topic/css-treeview-navigation-menu/#post-337472)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics