[JavaScript]Zmiana stylu wielu elementów Opcje

[Mlodycompany]

Witam. Mam taki kodzik

[HTML] pobierz, plaintext 
function pokazFormy(id){
	var id_t = "id_" + id + "_t";
	var id_f = "id_" + id + "_f";
	var t = document.getElementById(id_t);
	var f = document.getElementById(id_f);
 
	t.style.display = "none";
	f.style.display = "block";
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<tr>
				<th>
				<span id="id_'.$row[0].'_t">'.$row['ID'].'</span>
				<span id="id_'.$row[0].'_f" style="display: none;"><input value="'.$row[0].'"></span>
				</th>
				<th>
				<span id="id_'.$row[0].'_t">'.$row[1].'</span>
				<span id="id_'.$row[0].'_f" style="display: none;"><input value="'.$row[1].'"></span>
				</th>
				<th>
				<span id="id_'.$row[0].'_t">'.$row[2].'</span>
				<span id="id_'.$row[0].'_f" style="display: none;"><input value="'.$row[2].'"></span>
				</th>
				<th>
				<span id="id_'.$row[0].'_t">'.$row[3].'</span>
				<span id="id_'.$row[0].'_f" style="display: none;"><input value="'.$row[3].'"></span>
				</th>
				<th>
				<span id="id_'.$row[0].'_t">'.$row[4].'</span>
				<span id="id_'.$row[0].'_f" style="display: none;"><input value="'.$row[4].'"></span>
				</th>
				<th>
				<span id="zmien_'.$row[0].'"><a href="#" onclick="pokazFormy(\''.$row[0].'\');">Zmień</a></span>
				<span id="zapisz_'.$row[0].'" style="display: none;">Zapisz</a>
				<th>
				<th><a href="#">Usuń</a><th>
			</tr>
[HTML] pobierz, plaintext 

Teoretycznie powinno wszystko działać, ale w praktyce jest na odwrót. Otóż po kliknięciu Zmień wszystkie spany o id="id_1_t" powinny zniknąć a w ich miejsce pojawić spany id="id_1_f" ale tak nie jest. Tylko 1 kolumna zmienia się a reszta pozostaje bez zmian. Proszę o pomoc.