✔ Aufklappen

[nordi]

Hallo liebes Forum

ich habe eine Frage zu einem Skript. Folgendes Problem: Ich kann durch Klick auf einen Link ("mehr..") einen Text ausklappen lassen. Durch einen erneuten Klick klappt der Text wieder zu. Das klappt auch wunderbar, ich würde aber gerne, dass das Wörtchen "mehr.." wenn der Text ausgeklappt ist unter dem Ausklapptext steht und nicht zwischen den Textenbausteinen. Hier mein Code:

$('.toggle_container').hide();
	$('.trigger_active').next('.toggle_container').show();			
	$('.trigger').click( function() {
		var trig = $(this);
		if ( trig.hasClass('trigger_active') ) {
			trig.next('.toggle_container').slideToggle(200);
			trig.removeClass('trigger_active');
			$(this).children('span').html('mehr...'); 
		} else {
			$('.trigger_active').next('.toggle_container').slideToggle(200);
			$('.trigger_active').removeClass('trigger_active');
			trig.next('.toggle_container').slideToggle(200);
			trig.addClass('trigger_active');
			$(this).children('span').html('weniger...'); 
		};
	return false;
	});

});

und hier der HTML-Code

<p>Text text text text text ...</p>
<p class="trigger"><span>mehr...</span></p>
<div class="toggle_container">
            
<p>Ausklapptext hier. Ausklapptext hier</p>

</div>

Bin dankbar für jede Hilfe!

 

[Jan-Frederik Stieler]

Hi,
das wäre eine Lösung: http://jsbin.com/ezivag/1/
Ich habe eigentlich nur das .next durch .prev ersetzt und den Button, du hattest vorher ein Span verwendet, ans Ende gesetzt.

Viele Grüße,
Jan

 

[nordi]

Bestens.. so einfach gehts! Danke.