Hide / Show
Op dit moment openen de cases op het moment dat je erop klikt.
Als je op allebei klikt zie je dus Case 1 en 2 onder elkaar.
Maar ik wil eigenlijk:
Als Case 1 open is en je klikt op Case 2, dat Case 1 sluit en hij alleen Case 2 weergeeft.
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
26
27
28
29
30
31
32
33
34
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
<script type="text/javascript">
<!--
$(document).ready(function(){
$('#showCase01').click(function() {
$('#case_01').slideToggle('fast');
});
});
$(document).ready(function(){
$('#showCase02').click(function() {
$('#case_02').slideToggle('fast');
});
});
// -->
</script>
<style type="text/css">
<!--
#case_01 {
display: none;
}
#case_02 {
display: none;
}
-->
</style>
<div id="case_01">
Geeft inhoud Case 1 weer
</div>
<div id="case_02">
Geeft inhoud Case 2 weer
</div>
<!--
$(document).ready(function(){
$('#showCase01').click(function() {
$('#case_01').slideToggle('fast');
});
});
$(document).ready(function(){
$('#showCase02').click(function() {
$('#case_02').slideToggle('fast');
});
});
// -->
</script>
<style type="text/css">
<!--
#case_01 {
display: none;
}
#case_02 {
display: none;
}
-->
</style>
<div id="case_01">
Geeft inhoud Case 1 weer
</div>
<div id="case_02">
Geeft inhoud Case 2 weer
</div>
