Question

http://jqueryui.com/demos/autocomplete/#combobox

On the right hand side, there are selector tabs (with the selected arrow pointing to the left)

What CSS menu is this? Why can’t I find this on the JQuery UI website?

Answer 1

It’s not a plugin, it’s a simple bit of html/css/javascript that’s on the page.

the javascript that controls the menu is in http://jqueryui.com/js/demos.js .

The specific part:

//Rewrite and prepare links of right-hand sub navigation
    $('#demo-config-menu a').each(function() {
        $(this).attr('target', 'demo-frame');
        $(this).click(function(e) {

            resetDemos();
            $(this).parents('ul').find('li').removeClass('demo-config-on');
            $(this).parent().addClass('demo-config-on');

            //Set the hash to the actual page without ".html"
            window.location.hash = this.getAttribute('href').match((/\/([^\/\\]+)\.html/))[1];

            loadDemo(this.getAttribute('href'));
            e.preventDefault();

        });
    });