Как да се организира една успешна Отговори сечение на сайта

Как успешно да организират Отговори сечение на сайта

Често на сайта е необходимо да се организира раздел "Често задавани въпроси" (FAQ). Обикновено тези въпроси могат да бъдат определен брой (понякога значително), и, като резултат, който и да е страница, става много дълъг (защото вие също трябва да държи на отговорите) или линкове към други страници. И двата варианта не са много лесни за използване. В този урок ще ви покажа как да се направи лесно Отговори сечение!







Същността на организацията Отговори сечение, създаването на която аз ще ви покажа, ще бъде да се гарантира, че потребителят няма да има нужда да отиде в друга страница, като кликнете на линка по-въпроса. Всичко ще бъде на същата страница: въпросите и отговорите. Въпреки това, на страницата, тъй като тя няма да бъде дълго и неудобно, тъй като отговорите ще бъдат скрити до тогава, докато потребителят кликне върху тяхното положение. В този момент, тя ще тече с отговора на този въпрос, и когато щракнете отново, уредът ще изчезне отново.







По този начин потребителят може да видите с един поглед всички "Често задавани въпроси" с лекота и удобство, за да изберете правилния отговор и четене остане на същата страница. Той ще бъде в състояние да се отваря и затваря отговори без рестартиране, без да се изчаква изтеглянето на съдържание в нова страница и други неудобни неща. Така че ви Отговори сечение ще бъде много по-ефективна и полезна.

И ние осъзнаваме това с помощта на библиотеката JQuery е лесно и просто. Нека да започнем!

1. Започваме както обикновено с HTML-файла.

Аз ще създаде HTML файл и го «faq.html» име. Кодът в този файл е съвсем проста.

Между етикет «тялото» на Аз ще създадете етикет «Разделение» с «обвивка» клас. Той, от своя страна, ще съдържа две друг маркер «Разделение»: едната с клас «заглавна» (той ще бъде просто поставя лого), а другият - с класа на «съдържание», той ще се намира още един етикет «Разделение» с класа " основната », който ще съдържа: заглавие; въпроси, както се съдържат в дял етикети; отговори оградени с тагове «Разделение» към клас «отговор» и маркер за долната част на страницата.

  • Отговори в една страница