Comment faire pour basculer l'actualisation d'un autre élément de table

Question

Je ne suis pas sûr comment cela est fait référence, mais j'essaie de basculer la vue dans un élément de table. Pour faire une analogie, disons que j'ai une cellule de tableau qui affiche deux icônes, une pour afficher les fichiers par icône et une seconde icône pour afficher les fichiers par liste. Lorsque l'un de ces icônes est cliqué, ils doivent actualiser une autre cellule de tableau en conséquence. Si quelqu'un a un exemple ou un lien vers un, je l'apprécierais.

Answer 1

Vous pouvez ajouter deux listes à votre page et en afficher une en fonction de l'icône sur laquelle vous avez cliqué. Par défaut, cachez l'une des listes. Exemple:

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(); 
});

en direct: http://jsfiddle.net/wUq7v/