I have put a small sample project up here:
http://straygoat-technicalauthor.co.uk/smartmenutest/TestingMenuFix/Content/Doors.htm
I’ll explain what is in place:
Everything in the page is created in MadCap Flare, which lets us create topic htm files, a toc file, and associate them with a skin. The skin uses Foundation, and if you reduce the browser size, you will see that eventually, a hamburger icon appears and this brings in a slide-in menu (this is a Foundation menu).
Everything above the search bar is defined in the skin, and everything from the space bar down is laid out using a master page and CSS. In the master page, I have used a menu proxy which provides Flare’s table of contents as a regular ul, li list. With a little help from a script and an XSLT transform (both supplied by someone else), the menu proxy is converted into a list that will work with smartmenus.
The main content is loaded in from the htm topics I create in Flare and the footer is just some images I added in a div at the bottom of the master page.
If you experiment with the Doors menu and its sub-menus, you will see that the expand doesn’t work right.
I suspect the problem with the expand is some sort of clash with the foundation menu. It only seems to occur when the skin is used (it is possible to create the project without a skin, but I need to keep that in place for the foundation menu). I was unaware of the problem occurring when the topic contains a link elsewhere, but have added links to the topics just in case.
Maybe someone can shed some light on what is going wrong?
