JavaScript Text ändern

03/23/2012 16:01 aouhouashduo#1
Code:
<link rel="stylesheet" type="text/css" href="http://public-freaks.bplaced.net/board/spoiler/spoiler.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){

	$(".toggle_container").hide(); 

	$("h2.trigger").click(function(){
		$(this).toggleClass("active").next().slideToggle("slow");
		return false; 
	});

});
</script>

<h2 class="trigger"><a href="#">Spoiler öffnen</a></h2>
<div class="toggle_container">
	<div class="block">
		{param}
	</div>
</div>

Kann mir jemand reinmachen wenn "Spoiler öffnen" gemacht wurde das daraus "Spoiler schließen" wird?
03/23/2012 17:26 yym3#2
Kann zwar kein JavaScript, aber vielleicht ist das die Lösung die du Suchst.

HTML Code:
<link rel="stylesheet" type="text/css" href="http://public-freaks.bplaced.net/board/spoiler/spoiler.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
	var spoiler_on = true;
	$(".toggle_container").hide(); 

	$("h2.trigger").click(function(){
		$(this).toggleClass("active").next().slideToggle("slow");
		if(spoiler_on == true){
			document.getElementById("spoiler_op_cl").innerHTML = "Spoiler Schlie&szlig;en";
			spoiler_on = false;
		} else {
			document.getElementById("spoiler_op_cl").innerHTML = "Spoiler &Ouml;ffnen";
			spoiler_on = true;
		}
		return false; 
	});

});
</script>

<h2 class="trigger"><a href="#" id="spoiler_op_cl">Spoiler öffnen</a></h2>
<div class="toggle_container">
	<div class="block">
		{param}
	</div>
</div>

Gruß
yym3.
03/23/2012 22:09 Whoknowsit#3
Versuchs so:

Code:
<link rel="stylesheet" type="text/css" href="http://public-freaks.bplaced.net/board/spoiler/spoiler.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){

	$(".toggle_container").hide(); 

	$("h2.trigger").click(function(){
		$(this).html($(this).text() == 'Spoiler öffnen' ? '<a href="#">Spoiler schließen</a>' : '<a href="#">Spoiler öffnen</a>');
		$(this).toggleClass("active").next().slideToggle("slow");
		return false; 
	});
});
</script>

<h2 class="trigger"><a href="#">Spoiler öffnen</a></h2>
<div class="toggle_container">
	<div class="block">
		{param}
	</div>
</div>