如何在w3.org上展開和摺疊工作？

-4

我知道如何做到這一點使用JavaScript，但似乎他們並沒有使用JavaScript，至少不是從我觀察到的..

2014-05-14 Evelyn1986

他們使用JavaScript。 – Quentin

你看錯了，他們添加並刪除了一個名爲「closed」的類。如果你檢查任何一個元素，然後打開並關閉列表，你會看到它。 – Ian

我已經看到它......只是無法弄清楚切換相關代碼的位置，所以我只是斷定他們沒有使用javascript ... @lan – Evelyn1986

你怎麼能說他們不使用JavaScript，請右鍵單擊頁面在鉻，選擇視圖源和滾動到底部，你會看到： -

<script type="text/javascript" src="/2008/site/js/main" xml:space="preserve"><!-- --></script>

還要注意每個div有一個分配的id可用於指向唯一地在JS和其中每個元素信號，它們事實上正在使用JS來獲得這些效果。

2014-05-14 06:42:12

你能指出他們正在使用哪個代碼段嗎？我根本無法弄清楚。我知道他們包含了一些js文件，但我不知道腳本的哪一部分做了展開/摺疊技巧。 – Evelyn1986

這可能是不可能的，他們正在使用外部的JS文件，並沒有直接將代碼輸入到網頁中。外部文件似乎是混淆的（最小化 - 這意味着在刪除空格時將其大小減小，並將變量重命名爲非用戶可讀）。這裏是JS文件http://www.w3.org/2008/site/js/main的鏈接，我不能希望你能從中找出答案。 –

順便說一句，它沒有什麼魔法來展開和摺疊元素，它的簡單的Javascript事件和修改元素的顯示屬性，爲了更好地理解，請參閱各種js教程可用於此類似http://www.ehow.com/how_8594746_expand-section-javascript.html –

回答