Readmore menü

Torte66

Mitglied
Hallo alle zusammen, ich bin Anfänger mit einem Problem.
Ich habe ein Aufklappbare Seite mit weiterlesen erstellt. Jetzt möchte ich aber das, wenn diese Aufgeklappt ist. Unten Schließen erscheint, kann mir hier einer behilflich sein.
Java:
    <script type="text/javascript">
$(document).ready(function(){
        $("#content").hide();

    $("a.open-close").click(function () {
      $("#content").slideToggle("slow");
    });

});
CSS:
a.open-close {
    margin:0px;
    padding:5px;
    text-align:right;
    background:transparent;
    font-size:14px;
    font-weight: 700;

    display:block;
    color:#000;
    text-decoration:none;
}
a.open-close:hover {
    background:transparent;

}
#content {
    width:460px;
    margin:0px;
    background:transparent;
    padding:0px 0px;
    color:#000;
    line-height:23px;
HTML:
<div id="hauptbox"><img src="video-img.png" class="bild"/>Hier ist der Text und wenn du mehr lesen willst schau hier. Hier ist der Text und wenn du mehr lesen willst schau hier.Hier ist der Text und wenn du mehr lesen willst schau hier. Hier ist der Text:
  <div id="content">
Dein Inhalt kommt hier rein... Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen. Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (dt) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen. Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (dt) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen.
</div><!-- ende der Hauptbox --> </div>
<a class="open-close" href="#"> mehr anzeigen</a>
 

Robat

Top Contributor
Jetzt möchte ich aber das, wenn diese Aufgeklappt ist. Unten Schließen erscheint,
Wo soll schließen erscheinen? In deinem a Tag?

Generell solltest du dem Element, welches geändert werden soll eine ID geben und dann kannst sowas machen:

Java:
document.getElementById("myelementID").innerHTML="newtext";

// oder

document.getElementById("myspan").textContent="newtext";

innerHTML ist aber unsicher und sollte deshalb nicht verwendet werden.
 

Torte66

Mitglied
Danke für dein Hinweis und die Antwort. Nur wie kann ich es sicher gestalten und dennoch mein Wunsch umsetzen? Ich bin noch nicht so konform mit der Materie.
ansicht.png
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
N JavaScript für Touch Devices bei DropDown Menü Angular, React, JQuery - Fragen zu JavaScript 4
R es werden keine icons angezeigt in meinem menü Angular, React, JQuery - Fragen zu JavaScript 6
J JS-Menü-Problem :-( Angular, React, JQuery - Fragen zu JavaScript 2
S Drop Down Menü soll Links in Hauptfrane öffnen! Angular, React, JQuery - Fragen zu JavaScript 2
D Java Menü Angular, React, JQuery - Fragen zu JavaScript 4
B Java Menü verschwindet nach Klick Angular, React, JQuery - Fragen zu JavaScript 2
N Homepage, Scroll-down menü und zugehöriges Bild Angular, React, JQuery - Fragen zu JavaScript 1
L Drop Down Menü Angular, React, JQuery - Fragen zu JavaScript 5
G java dropdown menü frage Angular, React, JQuery - Fragen zu JavaScript 1
K Menü Angular, React, JQuery - Fragen zu JavaScript 5
R Rolldown Menü Hilfe bitte Angular, React, JQuery - Fragen zu JavaScript 2
J Problem mit Java Menü Angular, React, JQuery - Fragen zu JavaScript 4
T [JavaScript] onClick Prob. mit Menü Angular, React, JQuery - Fragen zu JavaScript 2
B Zeilenumbruch in Java-menü unterbinden? Angular, React, JQuery - Fragen zu JavaScript 3
S Menü, Untermenü, Link Angular, React, JQuery - Fragen zu JavaScript 4
P Drop Down Menü Angular, React, JQuery - Fragen zu JavaScript 3
C JavaScript Menü, Funktion hinzufügen Angular, React, JQuery - Fragen zu JavaScript 5

Ähnliche Java Themen

Neue Themen


Oben