function enableDisableDiv() {
if ($(“#chkShowPersonal”).attr(“checked”)) {
$(“#dvPersonal”).show(“fast”);
} else {
$(“#dvPersonal”).hide(“fast”);
}
}

Put somthing here!

Thanks again!

I do think I tried putting the row inside of a div, but I had an issue…most likely something else if you’re saying it would work. I also tried putting the div inside of the row/column and when hidden, the row still existed, but was empty (noted by some weird line-height issues).

Also, I never said it was broken, or that I didn’t get mine to work. I just changed your code around to suit my needs and thought I’d share. This was a big help.

In the line: var hellos = getElementsByClass(class_name, null, “tr”); did you change the class_name to match the tr tag’s name?

I would simply put the tr tag inside a div tag for this example. If I had more free time I would try to get the tr tag working myself. Maybe towards the end of this next week I will have a chance. If I figure it out I will let you know and I may even write a blog post. Good luck!

My page now hides certain rows by default, and only shows them if the user checks the input box (which says something like “Show all achievements”).

I also changed “function toggle_hideme()” to “function toggle_hideme(class_name)” and replaced the static class name with this variable. Does that even make sense? Basically, no matter what class name I had in my html/php, I had to go in and edit my javascript to reflect it. Now the class name is a variable that is passed through the input’s onclick to the function.

Also, changing the “var hidden = true” to false…what does that affect?

var hidden = true;
function getElementsByClass(searchClass, domNode, tagName) {
if (domNode == null) domNode = document;
if (tagName == null) tagName = ‘*’;
var el = new Array();
var tags = domNode.getElementsByTagName(tagName);
var tcl = ” “+searchClass+” “;
for(i=0,j=0; i<tags.length; i++) {
var test = " " + tags[i].className + " ";
if (test.indexOf(tcl) != -1)
el[j++] = tags[i];
}
return el;
}

function toggle_hideme(class_name)
{
hidden = !hidden;
var newDisplay;
if(hidden)
{
newDisplay = 'none';
}
else
{
newDisplay = 'block';
}
var hellos = getElementsByClass(class_name, null, "tr");

for(var i = 0; i < hellos.length; i++)
{
hellos[i].style.display = newDisplay;
}
}

I'll try to check back on this enough to await your reply.