如何在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 –

回答