Problem with vertical dynamic menu when displayed within accordion menu.

Posted on 2008-11-03
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 ( and a 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
    LVL 6

    Accepted Solution

    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.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Find Ransomware Secrets With All-Source Analysis

    Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

    Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System ( introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
    Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
    Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    779 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

    Need Help in Real-Time?

    Connect with top rated Experts

    14 Experts available now in Live!

    Get 1:1 Help Now