HTML-Text verstecken und freigeben

Konrad S. #4204057
Lesenswert?
• ▲
▼ 
Hier ein Beispiel, das mit jquery arbeitet und das Aus-/Einblenden auf 
eine bestimmte class (hier: xxx) anwendet:

1
<html>

2
<head>

3
<script type="text/javascript" src="jquery.js"></script>

4
</head>

5
<body>

6
<button>ausblenden</button>

7
<button>einblenden</button>

8
<p>davor</p>

9
<p class="xxx">blabla</p>

10
<p>danach</p>

11
<script type="text/javascript">

12
$("button:eq(0)").click(function() {

13
    $('.xxx').hide();

14
});

15
$("button:eq(1)").click(function() {

16
    $('.xxx').show();

17
});

18
</script>

19
</body>

20
</html>


http://api.jquery.com/class-selector/
http://api.jquery.com/hide/
http://api.jquery.com/show/
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Konrad S. #4204088
Lesenswert?
• ▲
▼ 
Michael B. schrieb:
> Kann man die benötigten Funktionen aus jquery.js extrahieren?

Hmm, im Prinzip ja, nehme ich mal an. Es wird darauf hinauslaufen, dass 
die relevanten Elemente mit getElementsByClassName() ermittelt werden. 
Bei diesen Elementen wird dann style manipuliert. Hab ich irgendwann 
schon mal so gemacht, aber heutzutage nehm' ich lieber jquery und 
verwende die gewonnene (Entwickler-)Zeit für interessantere Dinge, in 
µC.net 'rumstöbern z.B. ;-)
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Thread beobachten

Antwort schreiben

Bitte melde dich an, um einen Beitrag zu schreiben.

Bestehender Account

oder

Mit Google-Account einloggen

Noch kein Account?

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren