HTML5, div, ausgeblendet, bei Klick anzeigen

7

Ich habe ein div mit einem Knopf am Ende. Ich möchte, dass, wenn jemand diesen Knopf drückt, ein anderes div (unterhalb des vorherigen) mit dem Inhalt erscheinen soll, den ich in das div gesetzt habe.

Ich verwende den folgenden Code:

HTML:

%Vor%

und die jquery mit script:

%Vor%

Das Problem, das ich habe, ist, dass das zweite div auf der Seite erscheint, sich anfänglich selbst zu laden, und wenn ich auf den Knopf klicke, verschwindet es. Was soll ich tun?

    
Navneet Malviya 25.08.2014, 14:12
quelle

7 Antworten

9

HTML5 ermöglicht Ihnen die einfache Verwendung des Tags Details .

%Vor%

Hier ist die Demo: Ссылка

    
L01c 08.06.2016 14:54
quelle
4

Wenn Sie möchten, dass ein Element beim ersten Laden ausgeblendet wird, können Sie das Attribut hidden verwenden;

%Vor%

Demo: Ссылка

Lesen Sie mehr unter: Ссылка

Dies ist ein relativ neues Attribut. Wenn Sie also alte Browser unterstützen müssen, können Sie dies in Ihr CSS einfügen, damit es funktioniert.

%Vor%

Quelle: Ссылка

    
xec 25.08.2014 14:18
quelle
3

Versuchen Sie Folgendes:

%Vor%

JSFiddle

    
Eloy 09.03.2016 20:19
quelle
1

toggle () um zu zeigen ()
Das Attribut show () zeigt nur das Div. Das div wird nicht mehr versteckt, wenn Sie erneut auf die Schaltfläche klicken.

    
Vinc199789 25.08.2014 14:18
quelle
1

Ich denke, das ist es, was Sie tun wollen:

%Vor%

Kopieren-Einfügen von Ссылка

    
Patrick 25.08.2014 14:20
quelle
1

Erstens haben Sie " auf embedded=true"

verpasst

Es gibt eine Reihe von Möglichkeiten, wie Sie dies mit JQuery tun können; Ich habe display: none dem iframe-CSS hinzugefügt, anstatt ein style -Element hinzuzufügen.

%Vor%

Siehe JSFiddle

    
Joshua Griffiths 25.08.2014 14:38
quelle
1

Erstelle html div

%Vor%

     Dieses div wird bei Klick auf

ein- und ausgeblendet %Vor%

    

Sandesh 30.12.2014 09:36
quelle

Tags und Links