nordi
Erfahrenes Mitglied
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:
und hier der HTML-Code
Bin dankbar für jede Hilfe!
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:
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
HTML:
<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!
