Moin Folks
Ich habe die "read more Funktion" mit folgendem Code implementiert, leider funktioniert dies nur fuer ein "Fenster". Ein weiterer Button macht leider auch den ersten Text sichtbar.
Ich denke es liegt an der Beschriftung "myBtn" bin mir aber nicht sicher. Konnte durch meine suche auch nicht feststellen, wie ich das problem loesen kann.
Bin dankbar für jeden Rat der weiterhilft.
merci
tom
Das ist mein HTML:
ERSTES FENSTER
<p>
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit
<span id="dots">...</span><span id="more">
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit </span></p>
<button onclick="myFunction()" id="myBtn">Read more</button>
ZWEITES FENSTER
<p>
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit
<span id="dots">...</span><span id="more">
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit </span></p>
<button onclick="myFunction()" id="myBtn">Read more</button>
das ist mein script:
<script type="text/javascript">
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Read more";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
</script>
Ich habe die "read more Funktion" mit folgendem Code implementiert, leider funktioniert dies nur fuer ein "Fenster". Ein weiterer Button macht leider auch den ersten Text sichtbar.
Ich denke es liegt an der Beschriftung "myBtn" bin mir aber nicht sicher. Konnte durch meine suche auch nicht feststellen, wie ich das problem loesen kann.
Bin dankbar für jeden Rat der weiterhilft.
merci
tom
Das ist mein HTML:
ERSTES FENSTER
<p>
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit
<span id="dots">...</span><span id="more">
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit </span></p>
<button onclick="myFunction()" id="myBtn">Read more</button>
ZWEITES FENSTER
<p>
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit
<span id="dots">...</span><span id="more">
totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit </span></p>
<button onclick="myFunction()" id="myBtn">Read more</button>
das ist mein script:
<script type="text/javascript">
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Read more";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
</script>