>>Clicking here will show / hide the content below, depending on what the current class is.
Phasellus non turpis orci. Nulla dignissim ultrices blandit. Nulla facilisi. Morbi condimentum posuere bibendum. Duis a nibh vehicula turpis auctor aliquet ac non massa. Vestibulum vel felis lacus, vitae gravida est. Aliquam imperdiet massa non erat congue rhoncus. Duis pretium consectetur turpis vel varius. Etiam varius iaculis dapibus. Phasellus elit metus, tempor eu viverra a, eleifend sit amet orci.
the code looks like this
function toggle(theID) {
var obj = document.getElementById(theID);
if (obj.className == "show") {
obj.className="hidden";
} else {
obj.className="show";
}
}
var obj = document.getElementById(theID);
if (obj.className == "show") {
obj.className="hidden";
} else {
obj.className="show";
}
}
where the param passed to the function, theID, is the CSS ID (#something) element you want to read and set. You just need to attach and event handler to an element, such as an empty link, like this:
onclick=”toggle(‘content’);” 1
1Hoping to get syntax highlighting soon…
and the CSS for the classes added to the elements looks like:
.hidden {display:none; visibility:hidden; }
.show {display:block;visibility:visible;}
.show {display:block;visibility:visible;}
Thank you very much!!
Thats a simple and easy template to work with.