Kan iemand me uitleggen waarom op http://bit.ly/1lSuKkS het mis gaat met mijn checkbox?

Zoals te zien is resulteert 1x klikken op 'alternatief tijdstip' nog nergens in, een 2e en verdere keer klikken resulteert in het hiden en weer weergeven van een div, maar dit gaat precies verkeerd om. Dit komt volgens mij omdat er de 1e keer niets gebeurt.

Iemand een idee wat hier mis gaat?

In je javascript heb je het verkeerd om staan. Je zet een "display:none" als het vinkje aan staat, terwijl je dit pas wil als het uit staat.

De start situatie is als volgt:
1. De checkbox is aangevinkt
2. De tijden zijn zichtbaar

Je vinkt de checkbox uit. In je javascript geeft je aan dat de tijden zichtbaar moeten zijn (wat dus fout is, verkeerd om).
1. De checkbox wordt uitgevinkt
2. Javascript zegt dat de tijden div zichtbaar moet zijn
3. De tijden zijn al zichtbaar, dus er gebeurt niets.

Daarna vink je de checkbox weer aan. In je javascript geeft je aan dat de tijden dan onzichtbaar moeten zijn (wat dus fout is, verkeerd om)
1. De checkbnox wordt aangevinkt
2. Javascript zegt dat de tijden onzichtbaar moeten zijn

De eerste keer (bij het laden van de pagina) gebeurt er niets omdat de code pas uitgevoerd wordt als er op de checkbox wordt geklikt.
Omdat dit bij het laden niet gebeurt blijft de pagina hetzelfde ongeacht de situatie.

Waarschijnlijk is het verholpen als je je "Showme" functie aanpast
In die functie staat het volgende:

Code:

if(chboxs[i].checked){
var vis = "none";
}

Hiermee geef je aan dat als de checkbox aangevinkt is, het blokje met tijden niet zichtbaar moet zijn.
Dit is dus fout, want het blokje moet wel zichtbaar zijn als het aangevinkt is.

Verwissel daarom "block" en "none" met elkaar en het moet opgelost zijn:

Code:

<script type='text/javascript'>//<![CDATA[ 
    function showMe (box) {   
        var chboxs = document.getElementsByName("alternatieftijdstip");
        var vis = 
        "none";        
        for(var i=0;i<chboxs.length;i++) { 
            if(chboxs[i].checked){
                vis =
            "block";                break;
            }
        }
        document.getElementById(box).style.display = vis;
    }
//]]>  
</script>

Ja, daarmee kon ik het probleem (want dat was iets ingewikkelder i.v.m. een stukje variabel via PHP) oplossen!

Dank je wel..