Telerik MVC Menu Tester

The Telerik Extensions for ASP.NET MVC can be used completely independent of server-side processing. Here, the Menu for MVC is manually configured for testing purposes.

HTML

<script src="http://aspnet-scripts.telerikstatic.com/mvc/2010.1.309/telerik.common.min.js"></script>
<link rel="stylesheet" href="http://aspnet-skins.telerikstatic.com/mvcz/2010.1.309/telerik.common.min.css">
<script src="http://aspnet-scripts.telerikstatic.com/mvc/2010.1.309/telerik.menu.min.js"></script>
<link rel="stylesheet" href="http://aspnet-skins.telerikstatic.com/mvcz/2010.1.309/telerik.vista.min.css">
<h1>Telerik Menu for ASP.NET MVC</h1>

<ul class="t-widget t-reset t-header t-menu" id="Menu">
    <li class="t-item t-state-default">
        <a class="t-link" href="#">
        ASP.NET MVC<span class="t-icon t-arrow-down"></span>
        </a>
        <ul class="t-group">
            <li class="t-item t-state-default">
                <a class="t-link" href="#">Grid</a></li>
            <li class="t-item t-state-default"><a class="t-link" href="#">Menu</a></li>
            <li class="t-item t-state-default"><a class="t-link" href="#">PanelBar</a></li>
            <li class="t-item t-state-default"><a class="t-link" href="#">TabStrip</a></li>
        </ul>
    </li>
    <li class="t-item t-state-default">
        <a class="t-link" href="#">
        ASP.NET<span class="t-icon t-arrow-down"></span>
        </a>
        <ul class="t-group">
            <li class="t-item t-state-default">
                <a class="t-link" href="#">Grid</a></li>
            <li class="t-item t-state-default"><a class="t-link" href="#">1</a></li>
            <li class="t-item t-state-default"><a class="t-link" href="#">2</a></li>
        </ul>
    </li>
</ul>

<p>NOTES:</p>
<ul>
    <li>Requires manual HTML configuration (today)</li>
    <li>Requires additional JS/CSS resources</li>
</ul>

JavaScript

jQuery(document).ready(function(){
    jQuery('#Menu').tMenu();
});