[JS] Nebepasikeičia nuorodos tekstas

Javascript:

function toggle(a){
var $css = $("#info" + a);
$css.toggle(a);

if($css.css('display') == 'none'){
	$("#rodyti" + a).html("Rodyti");
}else{
	$("#rodyti" + a).html("Paslėpti");
}
}

Atvaizduoja čia:

<td>
   <a href="javascript:void(0)" id="rodyti<?=$i;?>" onclick="toggle(<?=$i;?>)">Rodyti</a>
   <div class="serverInfo" id="info<?=$i;?>" style="display:none"> bla bla bla</div>
</td>

Sukamas ciklas, yra daug nuorodų "Rodyti", todėl ir prie kiekvieno id priskyriau "$i", kad javascriptas žinotų, kurį rodyti. Bėda tame, kad paspaudus "rodyti", o tada "paslėpti", "paslėpti" žodis nebepasikeičia į "rodyti", nors turinys pasislepia.

Paziurek, ar source tikrai yra id, nes <?=$i;?> sitas variantas veikia nevisur.

O antras dalikas: siuliciau darit klase rodyti ir poto pro $(this) dirbti.

Nieko tikslaus nepasakysiu, bet ar neitų tiesiog per DOM atsirinkti kurį rodyti, kad nereiktų to id. Antra man tas jquery .html nepatinka, nes kažkada pamenu naudojau, tai ant IE neveikė ,o kitų narsyklių veikė.

Sukamas ciklas, yra daug nuorodų "Rodyti", todėl ir prie kiekvieno id priskyriau "$i", kad javascriptas žinotų, kurį rodyti. Bėda tame, kad paspaudus "rodyti", o tada "paslėpti", "paslėpti" žodis nebepasikeičia į "rodyti", nors turinys pasislepia.

Nereikia naudoti "id" ir "onclick", užtenka naudoti selector - http://jsfiddle.net/SYSXP/

Nereikia naudoti "id" ir "onclick", užtenka naudoti selector - http://jsfiddle.net/SYSXP/

Ačiū.