Vraag en antwoord
show en hidden in javascript.
Voorbeeld:
Kopregel 01
Lorem ipsizzle dolor sit amet, for sure adipiscing shiz. Nullizzle sapien velizzle, sheezy volutpizzle, suscipizzle quizzle, gravida for sure, arcu. Pellentesque tellivizzle dawg. Sed eros. Fusce fizzle things dapibizzle turpis tempizzle break yo neck, yall. Maurizzle bizzle nibh et shizzle my nizzle crocodizzle. Its fo rizzle izzle tortor. Fo shizzle yippiyo rhoncizzle yo mamma. In tellivizzle crunk platea dictumst. Shiz dapibizzle. That's the shizzle pimpin' urna, pretizzle eu, mattizzle phat, eleifend vitae, nunc. Go to hizzle suscipizzle. Shit rizzle dizzle mofo black.
Kopregel 02
Curabitizzle fo shizzle the bizzle quis nisi away mollis. Suspendisse potenti. Check it out odio. Yippiyo neque. Crunk orci. Crizzle maurizzle check out this, boom shackalack check out this, feugiat yo mamma uhuh ... yih!, malesuada izzle, gizzle. Pellentesque gravida. Ma nizzle orci mi, volutpat izzle, dope sizzle, adipiscing hizzle, velizzle. Crizzle own yo' ipsum. Fo shizzle my nizzle volutpizzle that's the shizzle vizzle orci. Mah nizzle hizzle in dawg sodales ornare. Phat venenatizzle we gonna chung shit phat. Nunc shut the shizzle up. Suspendisse venenatizzle placerat get down get down. Curabitizzle yo ante. Nunc dizzle, leo eu dapibus hendrerizzle, ipsizzle felizzle elementizzle sizzle, fo aliquizzle magna felis my shizz pede. Mah nizzle a check out this. Class aptent izzle things ad litora torquent cool cool nostra, sure yo hymenaeos. Aliquam interdizzle, rizzle nec crackalackin nonummy, nisl orci viverra leo, in fo shizzle mah nizzle fo rizzle, mah home g-dizzle risus arcu tellivizzle sem.
Kopregel 03
Fo shizzle mah nizzle fo rizzle, mah home g-dizzle eu shiz. Aliquizzle porta commodo shiz. Fo shizzle viverra, sapien sure vulputate fo, libero urna hendrerizzle check it out, tellivizzle nizzle nunc sapien at brizzle. Donizzle eu dolizzle. The bizzle dang felis. Sizzle elementum faucibizzle eros. Fo shizzle mah nizzle fo rizzle, mah home g-dizzle nulla uhuh ... yih!, volutpat id, doggy eget, auctizzle egizzle, that's the shizzle. Sizzle pharetra. I saw beyonces tizzles and my pizzle went crizzle fo shizzle. We gonna chung break it down amet shizznit bow wow wow boofron blandit dizzle. Pimpin' fo bling bling sit amizzle dope. Aenizzle tempizzle dignissizzle felizzle.
Script: 
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
//ACCORDION BUTTON ACTION
$('div.accordionButton').click(function() {
$('div.accordionContent').slideUp('normal');
$(this).next().slideDown('normal');
});
//HIDE THE DIVS ON PAGE LOAD
$("div.accordionContent").hide();
});
</script>
<style>
.accordionButton {
width: 100%;
cursor: pointer;
font-size: 12px;
padding: 4px;
background-color: #EEE;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CECECE;
border-bottom-color: #DFDFDF;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
}
.accordionContent {
width: 100%;
float: left;
padding-bottom: 15px;
padding-top: 5px;
background: #FFF;
display: none;
margin-bottom: 8px;
}
</style>
<div class="accordionButton">
<h2>Kopregel 01</h2>
</div>
<div class="accordionContent">
Lorem ipsizzle dolor sit amet, for sure adipiscing shiz. Nullizzle sapien velizzle, sheezy volutpizzle, suscipizzle quizzle, gravida for sure, arcu. Pellentesque tellivizzle dawg. Sed eros. Fusce fizzle things dapibizzle turpis tempizzle break yo neck, yall. Maurizzle bizzle nibh et shizzle my nizzle crocodizzle. Its fo rizzle izzle tortor. Fo shizzle yippiyo rhoncizzle yo mamma. In tellivizzle crunk platea dictumst. Shiz dapibizzle. That's the shizzle pimpin' urna, pretizzle eu, mattizzle phat, eleifend vitae, nunc. Go to hizzle suscipizzle. Shit rizzle dizzle mofo black.
</div>
<div class="accordionButton">
<h2>Kopregel 02</h2>
</div>
<div class="accordionContent">
Curabitizzle fo shizzle the bizzle quis nisi away mollis. Suspendisse potenti. Check it out odio. Yippiyo neque. Crunk orci. Crizzle maurizzle check out this, boom shackalack check out this, feugiat yo mamma uhuh ... yih!, malesuada izzle, gizzle. Pellentesque gravida. Ma nizzle orci mi, volutpat izzle, dope sizzle, adipiscing hizzle, velizzle. Crizzle own yo' ipsum. Fo shizzle my nizzle volutpizzle that's the shizzle vizzle orci. Mah nizzle hizzle in dawg sodales ornare. Phat venenatizzle we gonna chung shit phat. Nunc shut the shizzle up. Suspendisse venenatizzle placerat get down get down. Curabitizzle yo ante. Nunc dizzle, leo eu dapibus hendrerizzle, ipsizzle felizzle elementizzle sizzle, fo aliquizzle magna felis my shizz pede. Mah nizzle a check out this. Class aptent izzle things ad litora torquent cool cool nostra, sure yo hymenaeos. Aliquam interdizzle, rizzle nec crackalackin nonummy, nisl orci viverra leo, in fo shizzle mah nizzle fo rizzle, mah home g-dizzle risus arcu tellivizzle sem.
</div>
<div class="accordionButton">
<h2>Kopregel 03</h2>
</div>
<div class="accordionContent">
<img src="http://www.jongevos.nl/IMAGES/logo_jongevos.gif" width="250" height="260" style="margin-left: 20px;" align="right"/>
Fo shizzle mah nizzle fo rizzle, mah home g-dizzle eu shiz. Aliquizzle porta commodo shiz. Fo shizzle viverra, sapien sure vulputate fo, libero urna hendrerizzle check it out, tellivizzle nizzle nunc sapien at brizzle. Donizzle eu dolizzle. The bizzle dang felis. Sizzle elementum faucibizzle eros. Fo shizzle mah nizzle fo rizzle, mah home g-dizzle nulla uhuh ... yih!, volutpat id, doggy eget, auctizzle egizzle, that's the shizzle. Sizzle pharetra. I saw beyonces tizzles and my pizzle went crizzle fo shizzle. We gonna chung break it down amet shizznit bow wow wow boofron blandit dizzle. Pimpin' fo bling bling sit amizzle dope. Aenizzle tempizzle dignissizzle felizzle.
</div>
|
