Archief - Content laden met JQuery

F

Fonskuh

Legacy Member

• 24 aug 2013

• #1

Ik ben bezig aan een vrij simpele site maar zit met een klein onderdeel waar ik niet veel van ken.

Onderaan de site is een DIV met een korte tekst in met daarboven 3 iconen. De bedoeling zou zijn om de content van de DIV eronder aan te passen wanneer ze klikken om een icoon, dus per icoon moet de content in de DIV eronder veranderen.

Kan dit met enkel CSS? Jquery?

Thnx

P

Pariah

Legacy Member

• 24 aug 2013

• #2

waarschijnlijk moet je dit doen via JQUERY en die .innerHTML property? Ben ook maar beginner maar dit is het eerste dat in mij op kwam

b

bealzebub

Legacy Member

• 24 aug 2013

• #3

Kan perfect met CSS ook hoor, zie andere post op dit forum:

https://www.beyondgaming.be/archive/web-design-programming.237/javascript-hulp-nodig.929953

Ik zou die content niet asynchroon downloaden (AJAX), want dan zal dat niet gemakkelijk door zoekmachines geïndexeerd kunnen worden.

F

Fonskuh

Legacy Member

• 25 aug 2013

• #4

So far so good, werkt idd met :target om zo de content te tonen. Nu moet ik juist nog de originele content in de block kunnen vervangen door de content die getoont is wanneer ze op het icoon klikken. Als ik die in een section steek gaat deze niet zichtbaar zijn vanwege de display:none. Is hier ook nog een handige oplossing voor?

b

bealzebub

Legacy Member

• 25 aug 2013

• #5

Jupjup, je originele content zet je achteraan en via de general sibling selector ga je hem verbergen als er een target actief is: aangepaste fiddle

F

Fonskuh

Legacy Member

• 25 aug 2013

• #6

Perfect, werkt momenteel zoals het zou moeten. Nu nog zorgen dat IE werkt en mijn CSS3 wat opfrissen.
Merci voor de hulp!