< a href = " # Example1 " class = " panel" <1>

< a href = " # Eksempel2 " class =" panel " <2>

< /div >

< /div>
2

Brug CSS at definere den måde , at indholdet område vil opføre sig, når det slides og referencer den klasse, du har oprettet for eksempel : Hej

body {

højde: 100% ;
< p . > bredde: 95% ;

margin: 0 ; padding: 0 ;

}

# wrapper {

bredde: 500% ;

højde: 100% ;

background- color: # eee ;

}

. post {

bredde: 400px ;

højde: 300px ;

top: 20% ;

margin: 0 auto ;

baggrund - color: # aaa ,

position : . relative ;

}

Skift variabler i hvert element ovenfor, og tilføje eller fjerne yderligere CSS elementer som nødvendigt
< . br >
3

Skriv den javascript -baserede jQuery funktion, der vil bruge dine klasser til at præsentere indhold som defineret i CSS-fil følgende eksempel med kommentarer viser, hvordan du kan manipulere de klasser og indhold områder : Hej

$ (document). ready ( function () {

//indhente alle de links i klassen panel

$ (' a.panel "). klik ( function () {

//nulstille link, som du har markeret og valgt det aktuelle emne for at ændre størrelse på det

strøm = $ ( denne ),

};