Title: JavaScript-Free Flyout menu with WordPress
Last modified: August 19, 2016

---

# JavaScript-Free Flyout menu with WordPress

 *  [repixel](https://wordpress.org/support/users/repixel/)
 * (@repixel)
 * [18 years ago](https://wordpress.org/support/topic/javascript-free-flyout-menu-with-wordpress/)
 * Hi,
 * me novice tried to modify the cat list, where **ANY sub-ul **(any non-ancestor)
   shall get automamtic generated pre- and a post-fix.
    I figure that changes have
   2 take place in wp-includes/classes.php lines 604 – 613 .
 * This for a Javascript-free flyout menu,
    based on Stu Nichols great work [http://www.cssplay.co.uk/menus/example_flyout.html](http://www.cssplay.co.uk/menus/example_flyout.html)
   ___________________________________________________
 * Code shall be like this
    Note1: conditinal stuff must automatically appear as
   html:
 *     ```
       <ul id="top-level_ancestor_list">
       <li>Toplevel_list</li>
       <li "class="show_any_child_list"><a href="xyz">
       <em><!--[if IE 7]><!--></a><!--<![endif]-->
       <!--[if lte IE 6]><table><tr><td><![endif]--></em>
       <ul class="any_sublevel_list">
   
       <li>any sublevel_child list</li>
   
       </ul>
       <em><!--[if lte IE 6]></td></tr></table></a><![endif]--></em>
       </li>
       <li>Toplevel_list</li>
       Note2: conditinal stuff must automatically appear as html AFTER the sub-cat list,
       before the </li>
       ```
   
 * ______________________
    I get bad code from: line 604: $output .= “$indent<!–[
   if IE 7]><!–><!–<![endif]–> <!–[if lte IE 6]><table><tr><td><![endif]–><ul class
   =’children’>\n”;
 * Any help apreciated, THANKS HERE!
    I’ve been stuck since nights knowing I dunno
   enough. maybe the code of the fold out category plug could help ? [http://www.webspaceworks.com/resources/wordpress/31/](http://www.webspaceworks.com/resources/wordpress/31/)
   lines 192, 215

Viewing 1 replies (of 1 total)

 *  Thread Starter [repixel](https://wordpress.org/support/users/repixel/)
 * (@repixel)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/javascript-free-flyout-menu-with-wordpress/#post-784593)
 * Um, did I write something wrong ?
    If so, I apologise, I’d be sorry!
 * Does really no one have a clue about this ?
 * Here’s once again what I’ve tried in vain so far:
    ul – Top level cat li / ancestor
   __________________________________ (li) -> (here shall be some extra code ’cause
   this is some sub ul ) – some child / or sub / -level li – (here some extra code’
   cause this is the end of child sub level li) ( /ul sub -> and again some extra
   code, maybe in classes.php ? ? ) (/li ) _________________________________ – Top
   level cat li / ancestor
 * Greetings, Frank

Viewing 1 replies (of 1 total)

The topic ‘JavaScript-Free Flyout menu with WordPress’ is closed to new replies.

## Tags

 * [Ancestor](https://wordpress.org/support/topic-tag/ancestor/)
 * [child](https://wordpress.org/support/topic-tag/child/)
 * [flyout menu](https://wordpress.org/support/topic-tag/flyout-menu/)
 * [list](https://wordpress.org/support/topic-tag/list/)

 * 1 reply
 * 1 participant
 * Last reply from: [repixel](https://wordpress.org/support/users/repixel/)
 * Last activity: [17 years, 10 months ago](https://wordpress.org/support/topic/javascript-free-flyout-menu-with-wordpress/#post-784593)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics