On jQuery UI's demo web page what is the source code for the "View Source" link?

Question

Middle way down on jQuery UI's demo web page here what is the source code for the "View Source" link that opens and close a window of the source code?

Answer 1

This is just a function in their script that hides and shows the source div:

if ($('#demo-source').length == 0) {
    $('<div id="demo-source"><a href="#" class="source-closed">View Source</a><div><pre><code></code></pre></div></div>').insertAfter('#demo-notes');
    $('#demo-source').find("> a").click(function() {
        $(this).toggleClass("source-closed").toggleClass("source-open").next().toggle();
        return false;
    }).end().find("> div").hide();
}
$('#demo-source code').empty().text(source);

You can view the full script here, it grabs the code via ajax ($.get() of the current page, or when you click a demo link on the right, grabs that one), formats it for display, then passes it into that function to insert a "view source" div/link at the right place in the page.