在jQuery UI的演示網頁上，「查看源代碼」鏈接的源代碼是什麼？

Question

jQuery UI演示網頁上的中間路徑here打開和關閉源代碼窗口的「查看源代碼」鏈接的源代碼是什麼？

Answer 1

這只是他們的腳本功能，隱藏和顯示源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時，它將通過AJAX（代碼當前頁面的$.get()，或者當你點擊一個演示鏈接右邊抓住一個），將其格式化以供顯示，然後將其傳遞給該函數，以在頁面中的正確位置處插入「查看源」div /鏈接。