uitscrollen als je erop klikt
nu heb ik voor wat ik wil gaan maken dus iets nodig dat als ik op een div klik dat hij dan uitscrollt als het waren dus dat de hoogte eers 100 px is en zodra er op geklikt wordt hij geanimate veranderd naar 300 px. als je dan weer klikt moet hij weer naar de 100 px.
heeft iemand hier een handige tutorial voor?
Toevoeging op 24/09/2012 15:21:15:
dit is hetgeen wat moet worden uitgerekt dat de info dus zichtbaar wordt
Gewijzigd op 24/09/2012 15:21:43 door Niels Peeren
probeer het maar eens :D
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<details>
<summary>Klik hier voor de hele tabel</summary>
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
</details>
<summary>Klik hier voor de hele tabel</summary>
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
</details>
Gewijzigd op 24/09/2012 16:12:56 door - Marco -
ohja dat werkt idd maar is er een manier om dit geanimeert te doen dat het niet in een keer alles laat zien maar dat de hoogte zegmaar smooth veranderd?
Gewijzigd op 24/09/2012 16:18:13 door - Marco -
nou als ik op de zin "klik hier voor de hele tabel" klik dan wordt in een keer alles zichtbaar. ik wil de hoogte zegmaar van de 100px naar de 300px ge transisiont hebben dat hijj bijv in 2 sec tijd van de 100 naar 300 gaat en niet instant als het waren. en ik kan het in een div zetten ja
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<detials>
<summary>Klik hier voor de stukje tabel</summary>
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
<details>
<summary>Klik hier voor de HEEEELEEE tabel</summary>
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
</details>
</details>
<summary>Klik hier voor de stukje tabel</summary>
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
<details>
<summary>Klik hier voor de HEEEELEEE tabel</summary>
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
blablabablablabablablabablablabablablabablablabablablabablablaba
</details>
</details>
Gewijzigd op 24/09/2012 16:31:20 door - Marco -
het is niet helemaal wat ik zoek maar ik denk dat dit toch nog wel eens van pas gaat komen , heel erg bedankt :)
Geen probleem :)
Uitleg:
http://stackoverflow.com/questions/5616823/jquery-change-height-of-div-on-button-click
Voorbeeld:
http://jsfiddle.net/jomanlk/JJh9z/1/
dat is wat ik bedoel ja. alleen als ik het op mn website plaats druk ik op die knop maar gebeurt er niets
Als je alleen het stukje code kopieert, dan heb je natuurlijk het jQuery-framework er niet bij. Dit kun je hier vinden en downloaden: http://jquery.org
Succes!
jquery had ik al wel geimport en dan deed hij het alsnog niet
dat is inderdaad duidelijk wouter daar heb ik zeker wat aan maar nog steeds als ik het op mijn website zet doet hij het niet echt raar