Hallo,
ich habe folgendes Problem:
Es soll ein kurzer Anreisser-Text angezeigt werden, darunter steht "mehr erfahren".
Bei Klick auf "mehr erfahren" wir ein Container mit zusätzlichem Inhalt angezeigt, gleichzeitig wechselt "mehr erfahren" zu "weniger", welches dann bei Klick den zusätzlichen Inhalt wieder versteckt und aus "weniger" wieder "mehr erfahren" wird.
Im Grunde funktioniert alles ganz Prima, nur im letzten Teil ändert sich der Text nicht mehr von "weniger" zu "mehr erfahren"
JavaScript:
HTML:
jsFiddle
vielleicht kann mich jemand in die richtige Richtung stupsen ...
Vielen Dank schon jetzt für Eure Hilfe und Tipps
Edu
ich habe folgendes Problem:
Es soll ein kurzer Anreisser-Text angezeigt werden, darunter steht "mehr erfahren".
Bei Klick auf "mehr erfahren" wir ein Container mit zusätzlichem Inhalt angezeigt, gleichzeitig wechselt "mehr erfahren" zu "weniger", welches dann bei Klick den zusätzlichen Inhalt wieder versteckt und aus "weniger" wieder "mehr erfahren" wird.
Im Grunde funktioniert alles ganz Prima, nur im letzten Teil ändert sich der Text nicht mehr von "weniger" zu "mehr erfahren"
JavaScript:
Code:
$(document).ready(function () {
$('#view_more').hide();
$('h3#view_link').click(function () {
$(this).next('div').slideToggle('fast');
if ($(view_more).is(':visible')) {
view_link.innerHTML = 'weniger';
}
if ($(view_more).is(':hidden')) {
view_link.innerHTML = 'mehr erfahren';
}
});
});
HTML:
HTML:
<div id="start_long_text">
<div class="">
Kurzer Text ...
</div>
<h3 id="view_link">mehr erfahren</h3>
<div id="view_more">
... langer Text
</div>
</div>
jsFiddle
vielleicht kann mich jemand in die richtige Richtung stupsen ...
Vielen Dank schon jetzt für Eure Hilfe und Tipps
Edu