In TopMenu.cshtml i add the below code for drop down menu its work fine in the 3.50 v , know i upgrade to ver 3.60 but this code did not show the drop down menu just show the menu heading. Please guide me what's the solution ?

 <li id="Gen">
            <a href="">Gen</a>
            <ul id="GenSubMenu" class="dropdown-ul">
                <li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("HondaCivic") })">@T("Honda Civic")</a></li>
                <li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("HondaCity") })">@T("Honda City")</a></li>
                <li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("ToyotaCorolla") })">@T("Toyota Corolla")</a></li>
            </ul>
        </li>




<style type="text/css">
        .top-menu ul.dropdown-ul {
            display: none;
            position: absolute;
            background: #404040;
            margin-left: -8px;
        }

            .top-menu ul.dropdown-ul.active {
                display: block;
            }

            .top-menu ul.dropdown-ul li {
                float: none;
                margin: 0;
            }
    </style>


    <script type="text/javascript">
        $('#Gen').live('mouseenter', function () {
            $('#GenSubmenu').addClass('active');
        });
        $('#Gen').live('mouseleave', function () {
            $('#GenUsSubmenu').removeClass('active');
        });
    </script>

Related posts

Recent Viewed