Visa Dölj-funktion med JavaScript & jQuery



JavaScriptkod


Stilmallskod


Kodmallskod


Sanna tipsar:
Du kan använda kodmallskoden flera gånger om du vill skapa flera olika visa-dölj-saker så att säga. Jag har ju till exempel en för bloggdesign, en för arkiv, en för blog roll osv. i min blogg just nu. Stilmallskoden och JavaScriptet klistrar du dock bara in en gång (stilmallskoden 1 gång i stilmallen och JavaScriptet i varje kodmall).

Gömt arkiv som visas vid mouseover



Stilmallskoden (klistra in längst ner i stilmallen):


Kodmallskoden (i videon förklarar jag hur du använder denna kod):


Sanna tipsar:
Du kan givetvis använda denna kod till dina kategorier, senaste inläggen etc. också, men tänk på att om du använder denna kod på flera element så måste du byta ut alla hashtags i css-koden (stilmalls-koden) mot punkter, då det inte blir en unik kod, utan en återkommande. Om du undrar vad jag menar med det rekommenderar jag dig att titta på min film om grunderna i CSS och HTML och vad som är skillnaden mellan en hashtag + id-selektor och en punkt + class-selektor.

Kolumner med tabeller



Stilmallskod:


Kodmallskod: