Question

我正在建立一个网页来展示一些文章和相关文章。我想构建类似于你在news.google.com上看到的内容

我强烈认为有一种比我正在做的更好的方法，所以来这里寻求建议。

目前我的html代码是这样的：

<table>
 <tr>
  <td><a href="article.htm">{{ArticleHeading}}</a> <br/> {{ArticleSynopsis}}</td>
  <td>{{ArticleSource}}</td>
  <td>{{ArticleDate}}</td>
 </tr>
</table>

当鼠标悬停时，我的行也会有颜色变化。

.table-hover  {
    background-color:#FFE292;
    border:1px solid #DD9946;
    color:#000000;
}

我想要什么，无法弄清楚如何做到这一点：

1。当用户点击任意位置的某个行（不仅仅是标题）时，该表格应展开以显示包含相关文章的另一个子表。

2. 如果表格扩展，可能会停止悬停效果。

我已经看过http://twitter.github.com/bootstrap/javascript.html

的手风琴示例

这不符合我的要求。

如果问题不明确或者问题范围很广，请告诉我。我很乐意解决你的问题。

Answer 1

我找到了一些可以帮助我实现news.google.com外观的东西 http://jqueryui.com/addClass/

此页面也为像我这样的jQuery初学者提供了非常好的学习资源。

http://docs.jquery.com/Main_Page

如何构建可折叠/可扩展的表格行，例如news.google.com

1 个答案: