[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


Problem with vertical dynamic menu when displayed within accordion menu.

Posted on 2008-11-03
Medium Priority
Last Modified: 2013-11-19
I have a problem with the rendering  with a menu I am working on. The menu consists of an accordion menu (http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm) and a vertical menu (http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/). Inside each accordion panel there is a vertical menu. Everything works great in Mozilla browsers but there is a little glitch in IE that I cant resolve.
When clicking on any header to open of the accordion menu, the sub menu opens before the animation of the accordion (sliding down) finishes which in turns makes the vertical menu overlap the accordion for a couple of seconds. The same thing happens when trying to close the accordion menu. The vertical menu seems to stay on top of the accordion menu for a couple of seconds (until the accordion menu is completely closed) and then the vertical menu disappears.

Question by:journeyed
1 Comment

Accepted Solution

lpxtech earned 500 total points
ID: 22873055
Well the issue is that in IE, the height property isn't affecting the correct tag (for IE atleast). You may want to try adding the slide effect to the ul as well as the div.

Let me know if that works.

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
Viewers will learn about arithmetic and Boolean expressions in Java and the logical operators used to create Boolean expressions. We will cover the symbols used for arithmetic expressions and define each logical operator and how to use them in Boole…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Suggested Courses

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question