[jQuery] Sprememba teksta pri kliku-toggle

Imam naslov "h3" in dva odstavka "p". Ko se stran naloži sta
odstavka skrita. Ob kliku na "h3" se odstavka pokažeta, tri pike
so pri naslovu odstranjene. Kako bi moral dopolniti kodo, da ko kliknem na "h3",
da bi se tri pike pri nalovu spet prikazale?? (odstavki se zopet skrijejo)

<div class="nad_p_igra">
	<h3>1 will survive 2...</h3>
	<p class="p_igra">
	Kapetan, dobrodošli! Kraljevina Rivaros je pred veliko grožnjo! 
	Zlobni vojskovodja Gandor se bojuje proti našemu nekoč velikem imperiju. 
	Thanagar je edino mesto, ki še ni zajeto. Moramo se boriti in osvoboditi svoje brate.
	</p>
	<p class="p_igra_tipke">
	sledite navodilom v igri 
	</p>
</div>

<script type="text/javascript">
$(document).ready(function(){
	$("h3").click(function(){
		if($(".p_igra").is(":hidden")) {
		  	$(this).nextAll().toggle(600); // this=h3, all the following sibling objects...
			$(this).text(function () {
		    	return $(this).text().replace("...", ""); // odstrani tri pike
				});
		} else {
		 	$(this).nextAll().toggle(600); // this=h3, all the following sibling objects...
			} 
	});
});
</script>

Evo, 11 vrstica.

<script type="text/javascript">
$(document).ready(function(){
    $("h3").click(function(){
        if($(".p_igra").is(":hidden")) {
            $(this).nextAll().toggle(600); // this=h3, all the following sibling objects...
            $(this).text(function () {
                return $(this).text().replace("...", ""); // odstrani tri pike
                });
        } else {
            $(this).nextAll().toggle(600); // this=h3, all the following sibling objects...
            $(this).append('...');    //tole dodaj :)
            } 
    });
});
</script>

kornilov je 18. jun 2014 ob 16:21 izjavil:

@msjr
tudi jaz sem kolovratil z append, a žal ne deluje...

Kako ne deluje? Poglej http://jsfiddle.net/W5bL6/

Fora je da is(:hidden) vedno vrne true tko da se tisti else nikoli ne izvede

očitno is:hidden heca... sem predelal..
http://jsfiddle.net/M2zYa/