Cum de a face textul de pe site-ul de deschidere

Și astfel, pentru a începe cu aici este un exemplu de HTML-cod, format din două elemente de care avem nevoie: Comutare și text. Se pot uita după cum urmează:

Lasă-mă să explic. Aici, comutatorul conține tratare a evenimentului onclick. care este declanșată făcând clic pe elemente. comutare () funcție, trebuie încă să scrie. Urmatorul vine elment cu text care este ascuns în mod implicit: display: none - și ar trebui să fie deschis pentru noi, modificarea valorii proprietății de afișare. Cum de a face acest lucru?

Ca un parametru a trecut la valoarea funcției elementului id atribut cu textul, pe care avem nevoie pentru a schimba proprietatea de afișare. La început vom obține obiectul elementului și verificați prezența pe pagina web. Dacă există elementul de text, și anume nu este egal cu zero. modificarea valorii de afișare a proprietății pe partea opusă. Dacă afișajul este gol (poziția deschis), îi atribuim o valoare de nici unul (ascunde element) și vice-versa. Este simplu.

Textul de deschidere de pe site-ul cu jQuery

Lasă-mă să explic. Aici, comutatorul conține tratare a evenimentului onclick. care este declanșată făcând clic pe elemente. comutare () funcția. în calitate de proprietate a elementului obiect text cu id = „test“. în mod implicit, se modifică valoarea de afișare. Este simplu.

Pe aceasta am totul. Vă mulțumesc pentru atenție. Mult noroc!

Util desigur, în cazul în care conținutul este afișat după ce faceți clic pe rețeaua socială butonul :)

2Denis Ei bine, acest lucru nu este cea mai dificilă sarcină. Mi-o amintesc pus în aplicare chiar și pe blogul său. principiu, există un identic, dar cu caracteristicile sotsknopki widget.

În a doua variantă, amestecul devine jquery și JS. Ar fi necesar să se împartă HTML și codul JS.

Cursul, că aceasta este jquery JS, dar era necesar, deoarece este ideea lui peste. La acea vreme, o tranziție destul de dureros la jquery, obișnuiți cu vechiul mod de a scrie totul fără separarea de marcare și codul.

2Predpriimchivy webmaster: deci este posibil și fără o separare jQueru de marcare și de cod pentru a scrie. În ceea ce privește această situație, este posibil să se facă, de exemplu, un handler de eveniment clic pentru comutatorul care se adauga atribute id = „tohhle“: