Cum de a organiza un succes faq-secțiune pe site-ul

Cum succes organizează FAQ-secțiune pe site-ul

De multe ori site-ul este necesar pentru a organiza o secțiune de „Întrebări frecvente“ (FAQ). De obicei, aceste întrebări pot fi un anumit număr de (uneori considerabile), și, ca urmare, orice pagină devine foarte mult timp (pentru că aveți nevoie, de asemenea, să dețină răspunsurile) sau linkuri către alte pagini. Ambele opțiuni nu sunt foarte user-friendly. În acest tutorial vă voi arăta cum să facă ușor FAQ-secțiunea!







Esența FAQ-secțiunea de organizare, crearea pe care le voi arăta, va fi pentru a se asigura că utilizatorul nu va trebui să meargă la o altă pagină făcând clic pe link-problema. Totul va fi pe aceeași pagină: întrebările și răspunsurile. Cu toate acestea, pagina, deoarece acesta nu va fi lung si inconfortabil, ca raspunsurile vor fi ascunse până atunci, până când un utilizator face clic pe situația lor. În acest moment, acesta va curge cu răspunsul la această întrebare specială, și atunci când faceți clic din nou, unitatea va dispărea din nou.







Astfel, utilizatorul poate vedea dintr-o privire toate „Întrebări frecvente“ cu ușurință și comoditate pentru a alege răspunsul corect și citirea rămân pe aceeași pagină. El va fi capabil de a deschide și închide răspunsurile fără reporniri, fără a aștepta descărcarea de conținut într-o nouă pagină, și alte lucruri incomode. Deci Întrebările frecvente secțiune va fi mult mai eficiente și utile.

Și ne dăm seama de acest lucru, folosind biblioteca jQuery este ușor și simplu. Să începem!

1. Vom începe ca de obicei cu fisier HTML.

Voi crea un fișier HTML și denumiți-l «faq.html». Codul din acest fișier este destul de simplu.

Între «corpul» tag-ul, voi crea o etichetă «div» cu «învelișul» clasa. El, la rândul său, va conține două alte etichete «div»: una cu clasa «antet» (acesta va fi pur și simplu plasat logo-ul), iar celălalt - cu clasa de «conținut», acesta va fi amplasat un alt tag-ul «div» cu clasa " principal », care va conține: titlu; întrebări, astfel cum sunt prezentate în etichetele de titlu; răspunsuri închise în etichetele «div» la clasa «răspuns» și tag-ul pentru subsol.

  • Întrebări frecvente într-o singură pagină