Днес аз ще покаже изпълнението на спойлера на JQuery - много, много проста, така че ще бъде в състояние да повтори всичко, само за няколко минути.
Здравейте. За последователно не успяха да Google как да се направи на Jquery спойлер, той решава да напише статия едно и също време. Особено, защото някои от опциите, открих твърде тромава, аз да ви предложи много компактна версия, само с няколко реда. Съответно, ти осъзнаваш, че може невероятно лесно и бързо.
Какво е необходимо?
Само JQuery библиотека, искате да се свържете към сайта. Ако имате сайт на WordPress, а след това за функциите на връзката писах тук.
Ние продаваме спойлер
Всичко ще бъде точно като на 2 пръста върху асфалта. Предполагаме, че вече сте свързали JQuery, а след това там, където искате да се покаже спойлер, поставете следния код:
Разбира се, текстът на бутон и редактирате самото съдържание от само себе си. Можете да добавите и допълнителни часове CSS за всички елементи, за да добавите. стилизация. Сега ще добавим в style.css следния код:
На първо място, той стилизирам бутон. На второ място, той ще премахне спойлера от страницата. Тук е ключът:
При това, както можете да видите, няма нищо. Сега, най-важното - да се направи, когато щракнете върху бутона, за да отворите спойлера и обратната клика - затворен. Това е така, защото човек може да искате да затворите спойлера, и ако не му дам, за да го направи, той може да бъде много разстроен.
Така че, всичко магията работи този код (ако е поставена директно в HTML, нещо подобно):
Ако искате да поставите кода във вашата JS-файл, а след това, разбира се, премахване на маркери за скрипт в началото и в края.
Важно е, че сценария или скрипта е свързан с мястото по-късно JQuery. Ако това не бъде направено, тогава нищо няма да работи! Jquery библиотека трябва да се зареждат преди сценария.
Ето как аз го направих:
Това означава, че за мен, както можете да видите, първо има библиотека връзка, а след това работи самата сценария.
проверите резултат
Ето какво се случи:
Когато се натисне случва избледняване съдържание. Многократните кликвания - изчезнат. Така че просто ей така, приятели. Това беше изпълнение на проста JQuery-спойлер.
Между другото, аз не използват тази възможност, но само поради причината, че постави на всички сайтове, WordPress-адаптивна тема корен. Тя е красива и има вече се реализира в рамките на спойлерите, така че защо да добавя също ми допълнителен код?
Интересно от света на строителна площадка
Вие сте се абонирали. И ви благодаря.
Свързани статии