Question

I have a Dynamnic based Radmenu with dropdown menus.

I want a user to click an image on the site(not the menu) and then it automatically triggers the dropdown menu to appear from the Telerik menu with jQuery. Is this possible?

Client side HTML after site is loaded:

<div id="ctl00_RadMenu1" class="RadMenu RadMenu_Hay rmSized" style="width: 960px; left: 0px; top: 0px; z-index: 10000; ">
    <ul class="rmRootGroup rmHorizontal">
        <li class="rmItem rmFirst">
            <a href="http://test.com" class="rmLink rmRootLink"><span class="rmText rmExpandDown">Test Dropdown 1</span></a>
            <div class="rmSlide">
                <ul class="rmVertical rmGroup rmLevel1">
                    <li class="rmItem rmFirst">
                        <a href="http://test.com" class="rmLink"><span class="rmText">Dropdown Item 1</span></a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>

Answer 1

I think you are looking for this…

$('#theImage').click(function(){
    var menu = $find("<%= RadMenu1.ClientID %>");
    var item = menu.findItemByText('Test Dropdown 1');
    if (item) {
        item.open();
    } else {
        alert('the item ' + text + ' was not found');
    }
});

You can read more about this here : http://www.telerik.com/help/aspnet-ajax/menu-client-side-basics.html