blueyedgeek:
Sorry, I wasn't able to reply earlier. Search for proffesional javascript for web developers. It's for both beginners and experts alike and it's the most understandable and comprehensive book I've come across .

Nmeri17:
you don't say I ditched Eloquent for this book and by His grace, I can live to narrate my ordeal

that book basically requires doctorate degree level of knowledge in Complex English and Comprehension, before we even start discussing js kpaakpaa. by the time you search up the definition of the terms they used, you've forgotten the context it was used in. now eloquent is orgy

<script>
window.onload=function() {

document.getElementById('hid').onclick=function() {
disp= this.checked? 'block' : 'none';

document.getElementById('hidDiv').style.display = disp;
}

}
</script>


<div id = 'hidDiv'>
This paragraph is meant to be hidden
</div>


<input type = 'checkbox' checked id = 'hid' />

dhtml18:
Try this one:

paranorman:

i have questions though:
why does the window.onload functions have to accomadate the document.getElementById("".onclick = "" method before it works?

You didn't explain why I am getting the error mesage because tThe code I wrote(which you corrected) works wel on the console.


The element with id 'hid' is a checke list, why use the onclick event handler in your code?

<script>
window.onload=function() {

document.getElementById('hid').onclick=function() {
disp= this.checked? 'block' : 'none';

document.getElementById('hidDiv').style.display = disp;
}

}
</script>


<div id = 'hidDiv'>
This paragraph is meant to be hidden
</div>


<input type = 'checkbox' checked id = 'hid' />

<div id = 'hidDiv'>
This paragraph is meant to be hidden
</div>

<input type = 'checkbox' checked id = 'hid'/>

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

<script>
$(function() {

$('#hid').click(function() {
disp= this.checked? 'block' : 'none';

$('#hidDiv').css({display:disp});

});

});
</script>

<div id = 'hidDiv'>
This paragraph is meant to be hidden
</div>


<input type = 'checkbox' checked id = 'hid' />

<script>
document.getElementById('hid').onclick=function() {
disp= this.checked? 'block' : 'none';

document.getElementById('hidDiv').style.display = disp;
}
</script>

<div id = 'hidDiv'>
This paragraph is meant to be hidden
</div>


<input type = 'checkbox' checked id = 'hid' onclick="hideEl(this)"/>

<script>
function hideEl(el) {
disp= el.checked? 'block' : 'none';

document.getElementById('hidDiv').style.display = disp;
}
</script>

<div id = 'hidDiv'>
This paragraph is meant to be hidden
</div>


<input type = 'checkbox' checked id = 'hid' onclick="disp= this.checked? 'block' : 'none';document.getElementById('hidDiv').style.display = disp;"/>

paranorman:

i have questions though:
why does the window.onload functions have to accomadate the document.getElementById("".onclick = "" method before it works?

You didn't explain why I am getting the error mesage because tThe code I wrote(which you corrected) works wel on the console.


The element with id 'hid' is a checke list, why use the onclick event handler in your code? I think is only cool with buttons