js functie ombouwen
Sorry, is wel geen php maar wil dit later gebruiken om via php div's aan te maken.
Ik heb volgend js code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function InitSnippets(){
$("#cmd_show_example").bind("click", function(){
$("#example_area").animate({
height: 'toggle', opacity: 'toggle'
}, "slow");
if ($("a#cmd_show_example").text() == "Show example")
$("a#cmd_show_example").text("Hide example");
else
$("a#cmd_show_example").text("Show example");
return false;
});
}
jQuery.event.add( window, "load", InitSnippets);
$("#cmd_show_example").bind("click", function(){
$("#example_area").animate({
height: 'toggle', opacity: 'toggle'
}, "slow");
if ($("a#cmd_show_example").text() == "Show example")
$("a#cmd_show_example").text("Hide example");
else
$("a#cmd_show_example").text("Show example");
return false;
});
}
jQuery.event.add( window, "load", InitSnippets);
Nu kan ik een div laten in en -uitklappen. ok dus.
Deze wordt zo gebruikt:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<div class="box_content">
<a href="#example_code" id="cmd_show_example" class="button">Show example</a>
</div>
<div id="example_area" class="invisible">
<div id="example_code" class="box_content">
hier tekst<br />
</div>
</div>
<a href="#example_code" id="cmd_show_example" class="button">Show example</a>
</div>
<div id="example_area" class="invisible">
<div id="example_code" class="box_content">
hier tekst<br />
</div>
</div>
Dit werkt prima, maar nu wil ik dit ombouwen zodat ik dit voor meerdere div's kan gebruiken.
Kan me hier iemand mee helpen?
De js functie zal moeten omgebouwd worden, zodat alle aangemaakte divs hiermee werken :)
Kheb al vanalles geprobeerd, maar m'n js kennis is zowat 0,0
Code (php)
1
2
3
2
3
$('.expandable').toggle(
function(){$(this).hide()},
function(){$(this).show()});
function(){$(this).hide()},
function(){$(this).show()});
Gevonden door even te googlen, werk (nog) niet echt met jquery, dus geen idee of je er wat aan hebt. ;)
Tumbler schreef op 09.06.2008 11:46:
Omg.. ~lui~Het scriptje van mij opent en sluit de div's wel 'smooth' :)
Gewijzigd op 01/01/1970 01:00:00 door Bart Smulders