XF 1.2 Tablinks dropdown menu with a drop down menu inside problem

[Matthew Hawley]

Okay so I put this drop down menu in the tablinks:

<li><div class="Popup">
                                                    <a rel="Menu">Links</a>
                                                        <div class="Menu">
                                                            <span class="arrowWidget"></span>
                                                                <ul class="secondaryContent blockLinksList">
                                                           
                                                                                    <li><a href="http://google.com">Link 2</a></li>
                                                                                    <li><a href="http://google.com">Link 3</a></li>
                                                                                    <li><a href="http://google.com">Link 4</a></li>
                                                                                    <li><a href="http://google.com">Link 5</a></li>
                                                                                    <li><a href="http://google.com">Link 6</a></li>
                                                                                </ul>
                                                                </div>
                                                </div></li>

Everything works fine. But I want to add a drop down menu to those links.

So now I have this code:

<li><div class="Popup">
                                                    <a rel="Menu">Links</a>
                                                        <div class="Menu">
                                                            <span class="arrowWidget"></span>
                                                                <ul class="secondaryContent blockLinksList">
                                                                <li><div class="Popup">
                                                                                    <a rel="Menu">Link 1</a>
                                                                                        <div class="Menu">
                                                                                            <span class="arrowWidget"></span>
                                                                                                <ul class="secondaryContent blockLinksList">
                                                                                                    <li><a href="http://google.com">Link 2</a></li>
                                                                                                </ul>
                                                                                        </div>
                                                                                       
                                                                                    <li><a href="http://google.com">Link 2</a></li>
                                                                                    <li><a href="http://google.com">Link 3</a></li>
                                                                                    <li><a href="http://google.com">Link 4</a></li>
                                                                                    <li><a href="http://google.com">Link 5</a></li>
                                                                                    <li><a href="http://google.com">Link 6</a></li>
                                                                                </ul>
                                                                </div>
                                                </div></li>

And here is what it comes up as

Any suggestions?

 

[Jake Bunce]

The system doesn't support nested popups.

Maybe consider using indents to build trees? That's how I handle depth in the NAT addon (see screenshots):

http://xenforo.com/community/resources/nodes-as-tabs.9/

But constructing such menus requires conditions to change the code if the tab is selected versus not. My addon handles that complexity with nodes. Doing this with hard-coded links is something else.