Question

I have a navigation menu that is displayed horizontally like this.

                <div id="menucontainer">
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About Us", "About_Us", "Home")</li>
                    <li>@Html.ActionLink("What We Do", "What_We_Do", "Home")</li>
                    <li>@Html.ActionLink("FAQ's", "Answers_To_Questions", "Home")</li>
                    <li>@Html.ActionLink("Deed Transfer Gurantee's", "Deed_Transfer_Guarantee", "Home")
                    </li>
                    <li>@Html.ActionLink("Power Point", "Index", "Home")</li>
                    <li>@Html.ActionLink("Get Help", "Index", "Home")</li>
                    <li>@Html.ActionLink("Mortgage Cancellation", "Index", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Index", "Home")</li>
                </ul>
            </div>

I am looking for a way to create a drop down link to be visible only when the specific link is moused over. I need the Deed_Transfer_Guarantee ActionLink to display another ActionLink when the Deed_Transfer_Guarantee is hovered over. I have not been able to find a clear example of this yet. Thanks in advance for any help!

Answer 1

Check this jquery sample out. All you’ve got to do is replace “<span> ***</span> ” with a hyper link