可折叠列表

我找不到我在找什么。我认为，因为答案可能适合于那些比我有更多经验的人，并且部分编码被遗漏了。可折叠列表

假设我从一个空白的html文档开始......（我知道如何调用一个样式表，但有时我不确定在答案中提供的代码是样例样式表还是我应该真正调用样式表然后我需要去创建.css文件吗？并且，一些答案表明你必须在标题部分添加一些关于javascript的东西。我有点迷路了。

无论如何，我正在尝试构建一个网站如果您将鼠标悬停在某个标题上，则列表将展开。

例如小度数（在“小度数”上悬停时会显示以下显示内容）工商管理未成年人计算机信息系统未成年人经济学未成年人

我一直在寻找，但只是不确定我所看到的。我将不胜感激指导。我厌倦了将我的头靠在墙上。：O）

来源

2012-03-14 user1269755

你的问题表明你完全不了解JavaScript。您应该先阅读关于JavaScript的教程。 – 2012-03-14 18:08:53

你可以完全避免使用JavaScript，只使用CSS。 See this jsFiddle了解如何完成的示例。基本上，您可以根据某个元素是否在旋转而应用不同的样式：

section ul 
{ 
    display: none;  
} 

section:hover ul 
{ 
    display: block; 
}

来源

2012-03-14 18:18:00 Jacob

看起来我是23秒太慢了。 – Andrew 2012-03-14 18:19:38

有很多不同的解决方案。一些只需要CSS，一些需要CSS和JavaScript之间的混合。我会建议玩几个教程，并使用jsfddle.net它允许你输入CSS的HTML和JavaScript到3盒，并显示输出。

Here is a basic example of what you have asked for.

来源

2012-03-14 18:18:23 Andrew

我做了一个快速的jsfiddle使用的JavaScript/JQuery的一个解决方案： http://jsfiddle.net/V9DJK/2/

这里是相同的HTML做同样的事情只用CSS： http://jsfiddle.net/6TWEN/

来源

2012-03-14 18:18:37

这是怎么回事要求您了解如何将html，css和javascript融合在一起。你可以找到一些能让你开始的good tutorials。我建议下载一些示例代码并查看它，直到看到这些代码如何一起工作。大部分的javascript你可以剪切和粘贴，只要你知道脚本是如何与html和css交互的。您需要知道html ID和CSS属性是如何工作的。

来源

2012-03-14 18:22:04

回答

相关问题