Saját spoiler sima nyitó és rejtett tartalmat

előző ◈ a következő

A fő különbség az eddig javasolt vonatkozó forgatókönyvet a korábban figyelmen kívül sima fade-in és elrejteni a tartalom alapján spoiler. Ahhoz, hogy ilyen hatása elhalványul és sima bőr, meg kell csatlakoztatni a jQuery könyvtár az alábbiak szerint:

Egy vizuális példa a javasolt forgatókönyvet megjegyezzük pár légterelők, a következők:

A szöveg alatti spoiler
fokozatosan jelenik meg
és fokozatosan eltűnik
ha rákattint a spoiler

És ez egy másik spoiler!
És ez működik is!

Továbbá, azon a helyen, az oldal, ahol azt tervezi, hogy egy spoiler, meg kell hozzá a következő kódot:


Spoiler №1 (kattintson megjelenítéséhez / elrejtéséhez)

A szöveg alatti spoiler

fokozatosan jelenik meg

és fokozatosan eltűnik

ha rákattint a spoiler


 Spoiler №2 (kattintson megjelenítéséhez / elrejtéséhez)

És ez egy másik spoiler!

És ez működik is!

Felhívjuk figyelmét, hogy minden spoiler kell állapítani a címkék között

. Ez biztosítja, hogy minden spoiler nyitott és zárt külön, hanem egyszerre.

A csomagtartó oldalak, minden spoilerek eredetileg voltak zárva és az egérmutató megváltozik, ha lebeg a spoilerek, meg kell adni a fejlécben a címkék között és a következő kódot:

Ha szükséges, akkor adja hozzá a „Close All” és a „View All” spoiler. Ehhez adjuk hozzá a következő kódot:

onclick = $ ( "div [class ^ = 'spoiler_body']"). elrejtése ( 'normál')>
onclick = $ ( "div [class ^ = 'spoiler_body']"). mutatnak ( 'normál')>

Ez minden. Ennek eredményeként, akkor kap pontosan ugyanazt a spoilerek, hogy sima megjelenítése és elrejtése, mint a fenti példában.

Idővel, a forgatókönyvet egy kicsit finomítani, és írt egy külön téma - Frissítve a forgatókönyvet spoiler sima nyitó és rejtett tartalmat.

előző ◈ a következő