如何切换另一个表元素的刷新

时间:2010-10-09 23:39:14

标签: jquery

我不确定如何引用它,但我试图在表元素中切换视图。为了类比,我说有一个表格单元格,显示两个图标,一个用于按图标显示文件,另一个图标用于按列表显示文件。单击其中任何一个图标时,它们应相应地刷新另一个表格单元格。如果有人有一个例子或链接到一个,我将不胜感激。

1 个答案:

答案 0 :(得分:1)

您可以向页面添加两个列表,并根据单击的图标显示其中一个列表。默认情况下,隐藏其中一个列表。例如:

CSS:

.hide {
  display: none;
}

HTML:

<img src="icon-icon-view.png" id="icon_view_button" alt="icon view icon" />
<img src="icon-list-view.png" id="list_view_button" alt="list view icon" />

<div id="icon_view">put files with icon here</div>
<div id="list_view" class="hide">put files as list here</div>

jQuery的:

$('#icon_view_button').click(function() {
  $('#icon_view').show();
  $('#list_view').hide();
});

$('#list_view_button').click(function() {
  $('#icon_view').hide();
  $('#list_view').show();
});

直播:http://jsfiddle.net/wUq7v/