Text ascuns (spoiler) folosind javascript

Text ascuns (spoiler) folosind javascript

Și astfel, avem un text, avem nevoie de a aloca un singur cuvânt, un termen sau o expresie și de a le face clickable. Este suficient pentru a „anexați“ dreptul de a ne cuvântul (frază) etichetă . ca în exemplul sau referința din tag-ul . Mulți folosesc tag-ul de multe ori . și apoi cursorul este înregistrat, iar selecția în mod implicit, dar cred că da, de ce avem nevoie de link-uri care duc nicăieri, și „trage“ cursorul și de a evidenția orice element care poate fi cu ușurință folosind css. Deci, în text, folosind bold :

Text Text Text

Pentru text ascuns, puteți utiliza div-container, sau, la fel ca în exemplul, aceeași etichetă . important să-l lega cu clasa css și nu uitați să specificați ID-ul este corect:

Aici, plasați orice text, imagine, și pot fi diluate.

Toate un An Nou fericit! Sănătate, orice altceva e du-te!

Va fi recunoscători dacă proiectul de sprijin - adăugarea unui blog pentru excepții AdBlock și partaja un link către o înregistrare în rețelele lor sociale:

pe deschide nostru de chat site-ul spoiler, butonul din partea de sus pe întreaga lățime a paginii și textul în ea „pentru a merge la chat-ul“ ar trebui să fie de așa natură încât să centreze textul de pe butonul din css -text-align: centru- nu funcționează pentru un motiv sau altul, ca și în cazul în care în centrul html tag-uri, CSS nu este conectat alte stiluri sau centre de chat, linii de asemenea, în funcție de cazul în care pentru a pune etichetele în codul HTML al centrului.

și chiar cum să facă acest lucru cu un spoiler deschis, elimina butoane „du-te la chat“ sau să apară textul „închide chat-ul“

Conform descrierii, eu pot doar specula, așa cum ați realizat un spoiler, dar încă două opțiuni schițate:

conectarea jQuery - asa

dar puteți face fără js. folosind doar CSS3 magic - tynts

Prieteni, am învățat doar JS, așa că cere ajutor, și vă rugăm să nu lovi cu piciorul. Există o pagină HTML, nu se poate atinge:

Text. Text Text

Ai nevoie de un script care ar face următoarele: atunci când faceți clic pe cuvintele „Faceți clic pe mine“ caseta drop-down, în cazul în care „Hello“ a fost afișată. Ie un div (cel cu ID-ul) recolta, există un al doilea div (în ea cuvântul HELLO). În consecință, reversul este de asemenea adevărat.

Aș fi foarte recunoscător, care va explica cum se face acest lucru numai cu ajutorul lui JS. Multumesc anticipat.

Totul este bine, dar dacă vreau să spoiler fost partea laterală a butonului spre dreapta sau spre stânga, nu în partea de jos așa cum este prodelyvat. Eu voi fi recunoscător Pct

Puteți face un câmp: poziție: absolută; și pentru a muta de sus, jos, stânga, dreapta. Marginami sau mutare prost. Depinde de ceea ce ai nevoie.