"Læs mere" funktion med skjult indhold

WordPress DK Forum » Installering

"Læs mere" funktion med skjult indhold

(9 indlæg) (2 voices)

Startet for 13 years siden af mbs
Seneste svar fra René Skou
This topic is not a support question

Tags:

Ingen tags endnu.

mbs

Medlem
Joined: aug '12
Posts:
Reputation:

Hey.

Er der mulighed for at lave en "Læs mere" funktion med skjult indhold, der så bliver erstattet af den oprindelige tekst, når man klikker på linket "Læs mere"

Jeg har allerede noget javascript kørende på http://www.surfsmart.dk (Scroll ned til "Læs mere...") Men jeg kan kun gøre det 1 gang. Altså tilføje "Læs mere" funktionen 1 gang.

Her er hvad jeg har gjort:

Tekst 1 <div> <div style="text-align: right;">læs mere...</div> </div> <div class="ekstra" id="mere"> <div> Tekst 2 der overskriver tekst 1 når man trykker "Læs mere" </div> <div style="text-align: left;">tilbage til starten...</div> </div>

Også noget JavaScript og CSS.

Men findes der ikke en nemmere metode? Evt. et eller andet i WordPress. Der kan det samme, uden at jeg skal til og kode det hele om i CSS delen, og skrive html koder hver gang.

Mvh Michael

Skrevet 13 years siden #
René Skou

Supermedlem
Joined: feb '13
Posts:
Reputation:

Hej mbs

Den funktionalitet har jeg selv lavet i mit eget tema http://themes.electronic-life.net/typography/

Der kan du klikke på code/example også viser den noget indhold, det er lidt samme funktionalitet som tabs navigation bruger.

software pilot hos Arnsbomedia
Plugin Convert image to media
http://www.meetup.com/WordPr

Skrevet 13 years siden #
mbs

Medlem
Joined: aug '12
Posts:
Reputation:

Ja det ser godt ud det der. Men kan den klare 3 gange? Eller flere?

Sådan at man har noget indhold

Indhold A
Indhold B
Indhold C

Først side A - Læs mære - også kommer side b - Læs mere - også kommer side c. Det samme sted.

- og hvis. Er det noget du vil af med :)?

Skrevet 13 years siden #
René Skou

Supermedlem
Joined: feb '13
Posts:
Reputation:

Hej mbs

Jeg har lavet et lille eksempel som du kan download her:
http://www.electronic-life.net/wp_readmore_parts.zip

Bare klik på index.html for at se det, håber der noget du kan bruge

I app.js ligger javascript koden til de 3 links

Skrevet 13 years siden #
mbs

Medlem
Joined: aug '12
Posts:
Reputation:

Hej Amras

Amen for delen da! Det er jo lige præcis det jeg har brug for! Tusind tak. Perfekt!

- Det sparede mig for en MASSE tid.

:)

Med venlig hilsen
Michael

Skrevet 13 years siden #
mbs

Medlem
Joined: aug '12
Posts:
Reputation:

......

Puha :( Det driller godt nok lidt når jeg prøver at indsætte det i mit tema. Er det virkelig nødvendigt med alt den js?

Ved ikke om du har tid og lyst til lige at hjælpe, hvis du hurtig kan se hvad der går galt?

Skrevet 13 years siden #
René Skou

Supermedlem
Joined: feb '13
Posts:
Reputation:

Hej mbs

Det er kun det javascript det er under "//readmore links to hide and show " der bruges, det andet er bare et framework jeg normalt selv bruger.

Link-1 - 3 samt part-1 - 3 er de css klasser jeg sætter på mine artkel og anchor elementer samt en linje css part-2,part-3 {display:none;}til at skjule de næste 2 afsnit.

Alt det andet er som sagt et framework jeg bruger, der er fordi når jeg laver tema'er kan jeg nøjes med at klikke på en knap i aptana studio for at sætte et nyt projekt op.

Skrevet 13 years siden #
mbs

Medlem
Joined: aug '12
Posts:
Reputation:

Hej Amras.

Okay. Så kan jeg bedre forstå.

Har også fået det til at virke nu :) Tak igen

Skrevet 13 years siden #
René Skou

Supermedlem
Joined: feb '13
Posts:
Reputation:

np :)

Skrevet 13 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.